Hola, espero que alguien me heche una mano.
Quiero implementarle opacidad a estas imágenes pero no tengo éxito...
Este es el código que le da alpha a las imagenes, usa jQuery.
Código:
<script type="text/javascript">
$(document).ready(function() {
$(".thumbs img").fadeTo("slow", 0.6);
$(".thumbs img").hover(function() {
$(this).fadeTo("slow", 1.0);
}, function() {
$(this).fadeTo("slow", 0.6);
});
});
</script>
El problema no está en ponerlo en una image cualquiera, porque si me sale en cualquier image normal. Lo que pasa es que quiero ponerselo a un slide... especificamente este
http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm
Hé intentado poniendolo normalmente como supuestamente debe servir
Código:
leftrightslide[0]='<a href="#" class="thumbs">
<img src="dynamicbook1.gif" border=1></a>'
Pero no me sale... y no sé por qué... había usado antes scriptaculous y ese si me funcionaba perfectamente con este código
Código:
leftrightslide[0]='<a href="#"><img style="opacity:0.6;filter:alpha
(opacity=60)"onmouseover="new Effect.Appear(this, {from:0.6, to:1.0});"
onmouseout="new Effect.Appear(this, {from:1.0, to:0.6});"
src="dynamicbook1.gif" border="0"></a>'
Pero no quiero usar scriptaculous, porque en mi página tengo jQuery y me da conflictos en algunas cosas...
Espero alguien puede ayudarme... se los agradecería mucho.