jquery - jQueryで2つの要素を連続して交互に表示するにはどうすればよいですか?

Question

私は2つの画像要素を持っています:

<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);