3

マウスの位置に応じて移動するフルスクリーンの背景を実装しようとしています。

たとえば、マウスを左上に移動すると、ビュー ポートには画像の左上と、ビュー ポートに収まる残りの画像が表示されます。この場合、たとえば、画面は 1280 * 960 ですが、画像は 1800 * 1300 です。

例

これは前に見たことがありますが、どこを思い出せず、何を達成しようとしているのかを説明するために使用される用語が思い浮かびません。視差や背景画像のスクロールではありません...

jQuery プラグインと最初の CSS を探して、それを完成させる必要があります。

答えと解決策を知っている人に感謝します!

4

1 に答える 1

8

これにより、より明確な答えが得られます。

この効果はパンニングと呼ばれ、jQuery でこれを実現するために次のプラグインを使用できます。

http://manos.malihu.gr/jquery-image-panning/

フルスクリーン画像を使用して左から右にパンするだけのこの例も見てみる価値があります (これは CSS カバーを使用しているため、クロスブラウザーには理想的ではありませんが、カスタムに熱心な場合は、マウスオーバー効果の重要な概念を提供します)仕事)

http://www.dnitza.com/super-simple-panning-background/

テーマからの別のライブ例:

http://demo.undsgn.com/egofolio/light/portfolio/double-trouble/

于 2013-07-23T07:10:34.720 に答える