Bonjour
J'essaye d'animer une liste au chargement d'une page.
Le soucis c'est que tout les li s'anime en même temps alors que j'aimerais qu'ils s'animent les uns a la suite des autres (et pourquoi pas quand le contenu est chargé).
Ne connaissant pas du tout la fonction qui permet de faire cela, si quelqu'un pouvait m'aidé cela serait sympa.
J'essaye d'animer une liste au chargement d'une page.
Le soucis c'est que tout les li s'anime en même temps alors que j'aimerais qu'ils s'animent les uns a la suite des autres (et pourquoi pas quand le contenu est chargé).
Ne connaissant pas du tout la fonction qui permet de faire cela, si quelqu'un pouvait m'aidé cela serait sympa.
<ul id="projects">
<li><img src="http://placekitten.com/460/300" alt="chat" /></li>
<li><img src="http://placekitten.com/460/300" alt="chat" /></li>
<li><img src="http://placekitten.com/460/300" alt="chat" /></li>
<li><img src="http://placekitten.com/460/300" alt="chat" /></li>
</ul>
jQuery('#projects > li').each(function() {
jQuery(this)
.css({position: "relative"})
.animate({visibility: 'hidden', opacity: 0, left: "-300px"},0)
.animate({ visibility: 'visible', opacity: 1, left: "0"}, 600);
});