Hola señores, tengo un problemilla con una galería. El problema es el siguiente:
Tengo una capa con miniaturas que llama a un iframe y pasa un id, con el cual hago un filtro en la pagina que se carga en el iframe.
Tanto en las miniaturas como en la pagina que carga el iframe he querido hacer efectos de opacidad con jquery pero primero se me cargan las imágenes y luego el efecto. De hecho en la pagina que carga el iframe no me deja hacer un fadeIn porque ya esta la foto cargada. Mi código es bien simple.
Miniaturas:
Código:
<script type="text/javascript">
$(document).ready(function(){
$("li").fadeTo("slow", 0.3);
$("li").hover(function(){
$(this).fadeTo(100, 1.0);
},function(){
$(this).fadeTo(100, 0.3);
});
});
</script>
Pagina de Iframe:
Código:
<script type="text/javascript">
$(document).ready(function(){
$('#img').fadeIn(2000);
});
</script>
Espero que me haya explicado correctamente y pudierais ayudarme. Un saludo.
P.D.: Por cierto, si alguien sabe como dejar con la opacidad al 100% cuando pincho en una miniatura y quitarla cuando pincho en otra con un código facilito pues de muerte. Gracias.