よし、これでほぼ完成だ！助けてくれた/道を示してくれたすべての人に感謝します。私はできる限りあなたに投票しました。最後に 1 つだけ質問があります。
このフィドルを見て、「増加」ボタンをクリックしてください: http://jsfiddle.net/2C8fy/6/
増加ボタンをクリックすると、画像がスムーズに左にスライドするようにするにはどうすればよいですか? 最初のものはそれをしますが、他のものはスライドしません。アニメーション機能で「左: '-=50px'」を使用してみましたが、これは画像間の間隔を台無しにしているようです (まだコメントアウトされているだけです。見たい場合はコメントのスラッシュを取り出してください)それは何をします...）。
Html / CSS 作業:
画像コンテナーを#basic_div絶対にします。コンテナー内の画像を別の div でラップし、それを呼び出します.frame。
コンテナを作成し、コンテナposition: relative内にラッピング div を作成しposition absolute;left:0;top:0;ます。
画像の代わりに内側の div をアニメーション化できるようになりました。
JS:
減少すると、フレームの「左」プロパティを 50 ピクセル左にアニメートします。アニメーションの終了時に最初の画像を削除し、最初の画像leftのレイアウトがなくなったらすぐにフレーム プロパティを 0 にリセットします。これにより、ジャンプが発生しないことが保証されます。