使用jquery创建图像序列

Question

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

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

所以在一定的时间间隔内 <img src="01.jpg" /> 取代 <img src="01.jpg" /> 取代 <img src="02.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);

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