傳送帶動畫的邏輯情況

Question

我有以下情況：我正在使用傳送帶，並且在實施中我使用了負向和正向邊距。將圖像移動到左側時，前一圖像的邊距需要設置爲0.我舉例here。

發生什麼事情是，當我將項目拖動到左側時，可以看到讓其他圖像進入屏幕的效果。這看起來很醜，所以我需要解決這個問題。我怎麼能夠？

Answer 1

我個人喜歡貓頭鷹旋轉木馬這些類型的東西。

HTML

<div id="slider" class="owl-carousel"> 
    <div><img src="http://tmp.innovacionesweb.info/img/slides/6.jpg" /></div> 
    <div><img src="http://tmp.innovacionesweb.info/img/slides/7.jpg" /></div> 
    <div><img src="http://tmp.innovacionesweb.info/img/slides/8.jpg" /></div> 
</div> 

jQuery的

$(document).ready(function() { 
    $("#slider").owlCarousel(); 
}); 

jsFiddle example

Answer 2

我覺得問題就在這裏。在main.js文件

$active.css('margin-left', 0); 
$active.prev('.owl-item').css('margin-left', 400); 

你應該關掉這個兩行，因爲

$active.prev('.owl-item').css('margin-left', 400); 
$active.css('margin-left', 0);