fadein jquery

[Blashak]

Buenas,

Estoy intentando por medio de jquery que se haga un fadein en las imagenes. el problema esta que se hacen las dos de golpe y me interesaria que primero sea una y depues otra.

Código Javascript:

$(document).ready(function(){
$("#div img").each(function(i){
    
$(this).fadeOut("10000");
  
}); 
 
});
 

Saludos

[WeSoRz]

Código Javascript:

$("div:hidden:first").fadeIn("slow");
 

Cada imagen deberá estár en un div con la propiedad display con valor none.

Un saludo ;)

[Blashak]

Iniciado por WeSoRz

Código Javascript:

$("div:hidden:first").fadeIn("slow");
 

Cada imagen deberá estár en un div con la propiedad display con valor none.

Un saludo ;)

ya lo habia pensado asi pero yo tengo un div para todas las imagenes no para cada una.

Ejemplo

<div id=centro>
<img>
<img>
<img>
</div>

lo que hice es contar el total de elementos pero no se como hacer para que se ejecute cada elemento depues de que termine uno.

Saludos

[WeSoRz]

Lo del div no es problema, porque perfectamente podrías meter cada imagen en un div.

Pero vamos, aprovechando lo que ya tienes hecho:

Código Javascript:

<script>
(function imagen(elem){
    elem.fadeIn('slow',function(){
      $(this).next().length && imagen($(this).next());
    });
})( $("#centro img:first") );
</script>
 

[Blashak]

Iniciado por WeSoRz

Lo del div no es problema, porque perfectamente podrías meter cada imagen en un div.

Pero vamos, aprovechando lo que ya tienes hecho:

Código Javascript:

<script>
(function imagen(elem){
    elem.fadeIn('slow',function(){
      $(this).next().length && imagen($(this).next());
    });
})( $("#centro img:first") );
</script>
 

no lo entiendo muy bien el codigo si me lo podes explicar.
esta funcion tiene que ser llamada de algun lado no??? el elem a que hace referencia???.

salduso

[WeSoRz]

Esa función tal cual está te debería funcionar siempre y cuando tengas dentro de un elemento con id "centro" objetos img.

La función no necesitas tocarla, ya te la he dejado hecha, como mucho deberías cambiar el final, donde pone "#center img:first" que es donde se referencian los elementos que modificará esa función.

Por supuesto, es necesario que tengas cargada la librería jQuery, ya que sino, no te funcionará.

Un saludo ;)

[caricatos]

Tema movido desde javascript