如何让这个jQuery传送带向右滚动而不是向左滚动？

Question

我试图制作一个图像传送带/滑块，可以自动滚动并使用jQuery进行循环。下面是我使用的功能：

function spinCarousel() { 
    $("ul li:first-child").animate({ marginLeft: -200 }, 3000, 'linear', function() { 
    $("ul li:first-child").appendTo('ul'); 
    $("ul li:last-child").css('margin-Left', 0); 
    spinCarousel(); 
    }); 
} 

而这里的一个例证：https://jsfiddle.net/T_Recks/aa43n7g0/

我试着将它添加到本地开发站点（替换文本和彩色背景与图像），它似乎很好地工作。不过，我想制作一个可以向右滚动而不是左滚动的版本，但一直无法弄清楚。我已经尝试将“.append”改为“.prepend”并使用边距变化进行播放，但目前为止没有运气。

有什么建议吗？

Answer 1

我分叉并重新制作了JSFiddle，使它从左到右滚动。看看这里：https://jsfiddle.net/1jw8xpqe/

不得不改变一些事情，让它工作。首先，名单解析扭转幻灯片的顺序和转移他们夫妇这样最左边的一个是“第1项”当滑块初始化：

// reverse items 
var list = $('ul'); 
var listItems = list.children('li'); 
list.append(listItems.get().reverse()); 

// rearrange last two items so first slide starts on left 
list.prepend($('ul li:last-child').prev('li').andSelf()); 

然后几个CSS/JS调整：将将第一个li从-200px（在CSS中定义）滑动到0，并且在每个周期后将ul的最后一项预先设置为开始于-200px。希望这可以帮助！