jquery - とにかく、ボディ要素の大きな写真に jQuery を使用して効果的にスライドを追加するには?

Question

ページ幅が約 1060px のサイトで大きな背景写真 (幅約 1200px) を使用するサイトがあります。水平スクロール バーが表示されないようにするために、body 要素に背景写真を読み込む必要があります。ページにはカルーセルが含まれており、遷移すると内部のテキストが変化し (クリックしたボタンに応じて左から右/右から左にスライド)、完了すると背景の写真が変化します。

jQuery を使用して body 要素の背景写真を一方から他方にスライドさせる方法はありますか? もしそうなら、誰かが私に例を挙げてもらえますか?

Answer 1

背景画像を次のようにアニメーション化できます...

$('body').animate({ backgroundPosition: "-=900px" }, 3000);

デモ: http://jsfiddle.net/wdm954/eC8vP/

アニメーションの詳細: http://api.jquery.com/animate/

Answer 2

このプラグインはおそらくあなたを助けることができます。