jquery - 使用动画的jQuery幻灯片不流畅

Question

我需要做一个简单的 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 滑块具有固定宽度（等于图像宽度）并且具有溢出：隐藏。我能怎么做？谢谢， 马蒂亚

Answer 1

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