Как поочередно отображать 2 элемента в jQuery?

Question

У меня есть два элемента изображения:

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

Я пытаюсь создать непрерывный цикл в jQuery, где image1.gif отображается в течение 1 секунды, затем исчезает, а image2.gif отображается в течение 1 секунды и т. Д., Чередуясь в течение N секунд.

Я вот-вот ударил им об стену.

У кого-нибудь есть идеи?

Заранее спасибо.

Answer 1

Для переключения вы можете просто использовать setInterval() и .toggle() оба элемента, эффективно меняя их местами, например:

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