Efeito de iluminação em imagens ao passar o mouse

enunlink · 30/06/2011

Hola, me gustaría saber si hay alguna forma de hacer que cuando se pase el mouse por una imagen, ésta se "ilumine" . Espero alguien me pueda ayudar saludos :biggrin:

Kevin Heurtebise · 30/06/2011

En Internet encontré esto:

HTML:

<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 = 2;
if (object.filters.alpha.opacity > destOp){
direction = -2;
}
delta=Math.min(direction*diff,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>

Espero que te sirva.

ramonjosegn · 30/06/2011

Yo estoy usando este plugin, necesitas 2 imágenes, una para apagado y otra para iluminado, hay que meter el código manualmente en las imágenes a iluminar (hover), pero te genera el css

IMG mouseover plugin for Wordpress | The Woodwork

gervaldi · 30/06/2011

no es que precisamente vaya a iluminar tus imagenes, pero tal vez te pueda interesar este plugin
WordPress › FancyBox for WordPress « WordPress Plugins

enunlink · 01/07/2011

gracias a todos por las respuestas, pensé que había algo mas simple :/

Efeito de iluminação em imagens ao passar o mouse

enunlink

Kevin Heurtebise

ramonjosegn

gervaldi

enunlink

Tópicos similares