jquery - JQueryは、divの外部にある場合に画像を非表示にします

Question

JQueryでスライダーを作成しようとしています。div内に2つの画像が重なり合っています。右ボタンが押されたら、下にある画像を左から始めて、他の画像の上に右にスライドさせます。私はそのためにこのコードを使用します：

var position = $("#IMAGE1").position();
var width = position.left-1050;
$("#IMAGE1").css('left', width);
$("#IMAGE1").animate({"left": "+=1050px"}, "slow");

今、私はdivの内側ではなく、divの内側にある画像の部分だけを表示したいと思っています（divには境界線があるため、本当にずさんなように見えます）。質問は、どうやって？

Answer 1

含まれているdivに次のcssスタイルがあることを確認してください。

position: relative;
overflow: hidden;

それでうまくいくはずです。