javascript - 使用 jquery 创建图像序列

Question

我正在尝试找到一种方法来为一系列图像设置动画，最好使用 javascript/jQuery。我想做的是制作某种计数器来重命名我的源图像onClick。

每次点击（后退/前进）都会触发下一系列图像。

所以在一定的时间间隔内 <img src="01.jpg" /> 替换 <img src="02.jpg" /> 替换 <img src="03.jpg" />

等等

因此，彼此快速跟进的图像看起来像动画:)

我希望我已经说清楚了，任何帮助将不胜感激！

干杯!

Answer 1

一种简单易懂的方式来完成你想要的事情是将所有图像定位在同一个位置，并且一次只显示一个......

var images = $('img.slideshow'),
    nextStep = function(i) {
       images.hide().eq(i).show();
       setTimeout(function(){
             nextStep((++i)%($('img.slideshow').length));
       },1000);
   };
nextStep(0);

这是显示动画的一种非常简单的方法