Comment alterner l'affichage de 2 éléments en continu dans jQuery?

Question

j'ai deux éléments d'image:

<img src="/image1.gif" id="id1" /><img src="/image2.gif" id="id2" /> 

Je suis en train de créer une boucle continue dans lequel jQuery image1.gif est représenté pendant 1 seconde, puis disparaît et image2.gif est représenté pendant 1 seconde et ainsi de suite , alternant pour N secondes.

J'ai presque frappé un mur avec.

Quelqu'un a-t-il des idées?

Merci d'avance.

Answer 1

Pour basculer, vous pouvez simplement utiliser setInterval() et .toggle() les deux éléments, les échanger efficacement, comme ceci:

$("#id2").hide(); //start with the frst 
setInterval(function() { 
    $("#id1, #id2").toggle(); 
}, 1000);