でコンテナ div を作成してスライド式カルーセルを作成し、その中に位置overflow:hidden
をアニメーション化して移動しようとしている画像 div を作成していleft
ます。そのようです:
HTML
<div id="placeholder">
<div id=carousel>
<img src="wideimagestitched.png">
</div>
</div>
CSS:
#placeholder {
position: relative;
width: 500px
overflow: hidden;
}
#carousel {
position: absolute;
top: 0px;
left: 0px;
}
jQuery:
$("#rightbutton").click(function(event){
event.preventDefault();
$("#carousel").animate({"left": "-500px"}, 1000)
});
これは Firefox では問題なくスムーズに動作しますが、クロムではcarousel
div が約 200px ジャンプしてから右にアニメーション化されます。私はそれを遅くしました、そしてインラインスタイルが適用されているのを見ることができます、そしてそうです-アニメーション化する前に、そこに200pxほど後方にジャンプしています.
どんな助けでも大歓迎です!