0

やあみんな(そしておそらく女の子!)

背景画像を左にスライドさせて、右から最初のスライドインの代わりに別の背景画像を使用する方法を探しています。これは、画像を置き換えることができるように設定する必要があります(したがって、ページをクリックすると、一意の画像が表示され、前の画像が置き換えられます)。

animatejQuery関数などのいくつかのことを試してみました。animate("backgroundPosition: "-" + $(window).width() + " 0px");

これは、このプラグインと非常にうまく機能します:http: //keith-wood.name/backgroundPos.html

現時点では、ボディの直後に100%の高さと幅、絶対位置、z-index:-1のdivタグがあります。それは素晴らしい静的に動作しますが、これを(横に)削除するスムーズな方法を見つけることができず、同時に左から別の画像をロードし、古いものを置き換えるためにスライドします。

私はほとんどのことを試しましたが、これに正しく取り組む方法について誰かが何かアイデアを持っていれば素晴らしいと思います。

4

1 に答える 1

1

背景位置を使用する代わりに、隣接する絶対位置に静的に配置された背景を配置してみませんdivか?div移行先の背景を使用して2つ目のオフスクリーンを維持し、両方をスライドさdivせて元のオフスクリーンと新しいオフスクリーンをオンスクリーンに移動します。

続いてオフスクリーンを破棄divし、シーケンスの次の背景で反対側にオフスクリーンで再作成することで、効果を継続させることができます。

于 2012-08-23T16:54:13.980 に答える