Javascript 图像褪色？

Question

我有一个基本的 JavaScript 图片幻灯片，它以 5 秒的延迟循环播放 4 张图片。

有没有办法让每张图片淡入而不是立即出现？也许使用 css3 过渡效果？？

我不想使用任何预制的幻灯片插件或任何其他东西，我试图自己用 JavaScript 制作它。

Here is a codepen link

提前致谢

Answer 1

给你:正如之前的评论中所讨论的那样。一个在 Jquery 中做你想做的事情的 jsFiddle。 http://jsfiddle.net/HhpW5/5/ 您具体询问了如何在 div 之间进行更改 在这个演示中，我只是通过使用 XOR 按位运算符并连接到前缀:“demo”来实现:“demo0”或“demo1”

  toggle^=1;

其他一切都可以通过我的评论自行解释。希望这会有所帮助。