如何讓這個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。希望這可以幫助！