Javascript 正在尝试制作旋转木马动画滑块

Javascript 正在尝试制作旋转木马动画滑块,javascript,jquery,json,Javascript,Jquery,Json,我正在尝试创建一个旋转木马动画,拍摄3张照片,向左滑动,并带来新的3张图像,我认为我的方向不对,需要帮助 这里是小提琴链接: 可以设置宽度而不是位置的动画: JavaScript setInterval(function() { var $img = $('img:first'); var $imgClone = $img.clone().width(0).appendTo('.all'); $img.animate({'width': 0},1000, function

我正在尝试创建一个旋转木马动画,拍摄3张照片,向左滑动,并带来新的3张图像,我认为我的方向不对,需要帮助

这里是小提琴链接:


可以设置宽度而不是位置的动画:

JavaScript

setInterval(function() {  
   var $img = $('img:first');
   var $imgClone = $img.clone().width(0).appendTo('.all');

   $img.animate({'width': 0},1000, function(){$img.remove()});
   $imgClone.animate({'width': 65},1000);
}, 5000)    
演示:

setInterval(function() {  
   var $img = $('img:first');
   var $imgClone = $img.clone().width(0).appendTo('.all');

   $img.animate({'width': 0},1000, function(){$img.remove()});
   $imgClone.animate({'width': 65},1000);
}, 5000)