Hola a todos.
Quiero hacer roll-hovers progresivos (animados) con efectos de opacidad sobre imágenes.
He hecho una función Javascipt que tira de Jquery:
Javacript: Código HTML:
$(function(){
$('#container img').hover(function(){
$(this).stop().animate({"opacity":.5}, 300);
}, function(){
$(this).stop().animate({"opacity":1}, 100);
});
});
HTML: Código HTML:
<div id="container"">
<a href="#"><img src="img_transp.png" border="0" /></a>
<a href="#"><img src="img_transp.png" border="0" /></a>
<a href="#"><img src="img_transp.png" border="0"/></a>
<a href="#"><img src="img_transp.png" border="0" /></a>
</div>
Funciona my bien, pero cuando uso png24 transparentes me da problemas en todos los IE...
Lo que es semi-transparente sale negro.
Va perfectamente en firefox y chrome.
No me sirven png8 ni gif transparentes.
. Dejo un link con prueba: [URL="http://www.chilicongraphic.com/work/test/"]TEST[/URL]
Aver si me podéis hechar una mano.
Muchas gracias !