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

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