Hacer que una imagen con link se ilumine

varuk

Cómo se hacen imágenes que se iluminen. Eso que cuando pasas el ratón por encima se ilumina la foto. Gracias : )

elenemigo

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... ;-)

PiradoIV

http://www.media-vida.net/vertema.php?fid=9&tid=74576

Ahí queda eso ;)

PiradoIV

Ah, vale... que estamos hablando de imágenes... luego lo pongo en el FAQ tb.

Saludotes,
Pirado IV estuvo akí ;)

AntonRodin

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+=direction
delta;
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>

cannibal

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 :P

elenemigo

Me referia a este en concreto: http://www.media-vida.net/vertema.php?fid=9&tid=73150

MeSiDj

leer F.A.Q antes de postear...sra mejor para todos..

Alcanor

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

Crawler

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.

varuk

Buscaba lo del #5 pero gracias también por lo del Dreamweaver. Enga gracias a todos : )

Usuarios habituales

  • varuk
  • Crawler
  • MeSiDj
  • elenemigo
  • cannibal
  • AntonRodin
  • PiradoIV