Cómo se hacen imágenes que se iluminen. Eso que cuando pasas el ratón por encima se ilumina la foto. Gracias : )
Mirate los post de la semana pasada , exactamente la misma pregunta.
Haber si estos fantasticos moderadores nuevos que tenemos en este foro , se acuerdan de esta pregunta en los FAQ's... ;-)
Ah, vale... que estamos hablando de imágenes... luego lo pongo en el FAQ tb.
Saludotes,
Pirado IV estuvo akí
Si no me ekivoko lo de imagenes ke se iluminan era eso...me copie el script(lo metes despues de body) jejejej:
<script language="JavaScript" type="text/javascript">
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();
function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
if (object != "[object]"){ //do this so I can take a string too
setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
return;
}
clearTimeout(nereidFadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){
direction = -1;
}
delta=Math.min(directiondiff,delta);
object.filters.alpha.opacity+=directiondelta;
if (object.filters.alpha.opacity != destOp){
nereidFadeObjects[object.sourceIndex]=object;
nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
}
}
</script>
y despues con cada imagen llamas a la funcion pa ke se ilumine...:
img src="lokesea.xxx" border="0" style="filter:alpha(opacity=60)" onmouseover="nereidFade(this,100,30,10)" onmouseout="nereidFade(this,60,50,5)"
lo de ke sea link o no es cosa de poner el <a></a>
como es eso de llamar a cad imagen pa q se ilumine??
se puede llamar a una zona interactiva en dreamweaver? contesta plz parece interesante
Va a ser que yo les llamo rollovers... xDDD
Haces 2 imagenes, una sin iluminar, y la otra iluminada, o con lo ke kieras ke cambie y usas la funcion de rollover que aparece en el dreamweaver xD
SI no tienes dreamwevos... pos
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','',DIRECCIONDELAIMAGENDESUSTITUCION"></a>
Acuerdate de cambiar a parte de las direecciones las XX de ancho y alto xD
amos a ver,una cosa es lo del #5, que cambia la opacidad de la imagen (está translucida, y cuando pasas el raton se hace opaca,por lo tanto "se ilumina")
y otra cosa son los rollovers: 2 imagenes exactamente iguales,solo q una es ligeramente diferente (texto de otro color, luminosidad... algo)
En el segundo caso, en dw, simplemente con insertar imagen de sustitucion (insertar/imagenes interactivas/imagen de sustitucion) donde escojes las 2 imagenes q qieres q cambien una por otra.
En caso de la opacidad, necesitas usar js, y el ejemplo de #5 es totalmente correcto.
Cannibal, en ninguno de los 2 casos, se refiere a areas interactivas,sino a imagenes completas.