使用动画的jQuery幻灯片不流畅答案

【问题标题】：jquery slide not fluid using animate使用动画的jQuery幻灯片不流畅
【发布时间】：2012-04-23 15:48:19
【问题描述】：

我需要做一个简单的 jquery 幻灯片。我将一些图像放在一个 div 中，并使用 animate 函数更改其边距值。它工作得很好，但问题是幻灯片在更改图像时不流畅。必须隐藏的图像无需滑动就会消失（就像我使用 .hide() 方法一样）。这是我写的代码：

$('#slider-container').animate({ marginLeft: "-" + margin_slider + "px"}, 500 );

而html代码是：

<div id="slider">
    <div id="slider-container">
        <img src="image1" />
        <img src="image2" />
        <img src="image3" />
        <img src="image4" />
    </div>
</div>

div 滑块具有固定宽度（等于图像宽度）并具有溢出：隐藏。我能怎么做？谢谢，马蒂亚

【问题讨论】：

如果您发布其他信息（如 css），您可能会获得更多帮助。一个 jsfiddle 链接将是获得一些建议的好方法。

标签： jquery jquery-animate slideshow

【解决方案1】：

我确实为滑块容器设置了一个宽度，所以它占用了滑块的宽度并且图像没有向左浮动，但是一个在另一个之下使得幻灯片不流畅

【讨论】：