javascript - Javascript 画像のフェード?

Question

5 秒の遅延で 4 つの画像をループする基本的な JavaScript 画像スライドショーがあります。

すぐに表示されるのではなく、各画像をフェードインさせる方法はありますか? おそらくcss3トランジション効果を使用していますか??

事前に作成されたスライドショー アドオンなどは使用したくありません。これを JavaScript だけで作成しようとしています。

コードペンのリンクはこちら

前もって感謝します

Answer 1

どうぞ：以前のコメントで話したように。Jquery で必要なことを行う jsFiddle。 http://jsfiddle.net/HhpW5/5/ div 間で変更する方法を具体的に尋ねました。このデモでは、XOR ビットごとの演算子を使用し、接頭辞「demo」に連結するだけで、「demo0」または「demo0」になります。 「デモ1」

  toggle^=1;

他のすべては、私のコメントでかなり自明です。お役に立てれば。