传送带动画的逻辑情况

我有以下情况：我正在使用传送带，并且在实施中我使用了负向和正向边距。将图像移动到左侧时，前一图像的边距需要设置为0.我举例here。传送带动画的逻辑情况

发生什么事情是，当我将项目拖动到左侧时，可以看到让其他图像进入屏幕的效果。这看起来很丑，所以我需要解决这个问题。我怎么能够？

来源

2013-10-25 David Strada

你想怎么办？ – carter

在动画发生后，我不想看到上一张图像闪烁并进入当前图像位置。 –

如果你检查链接，你可以看到我在说什么。 –

我个人喜欢猫头鹰旋转木马这些类型的东西。

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

来源

2013-10-25 03:23:39 zoite

其实我使用这个脚本，但这不是我的问题。 –

我觉得问题就在这里。在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);

来源

2013-10-25 03:34:43 xuanyue

做同样的事情（我试过）。 –

传送带动画的逻辑情况

回答

相关问题