0

簡単な jquery スライドを作成する必要があります。いくつかの画像を div に配置し、アニメーション機能を使用してマージン値を変更します。うまく機能しますが、問題は、スライドが画像の変更で流動的でないことです。非表示にする必要がある画像がスライドせずに消えます (.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 スライダーの幅は固定 (画像の幅と同じ) で、overflow: hidden があります。どのようにできるのか？ありがとう、マティア

4

1 に答える 1

0

幅をスライダーコンテナーに設定したので、スライダーの幅がかかり、画像は左に浮かびませんでしたが、一方が他方の下にあるため、スライドショーは流動的ではありません

于 2012-04-24T09:35:49.840 に答える