Web サイトで人気のあるパン スライダーJquery Panning Sliderを使用しようとして います。
マークアップ構造、css、jquery については、こちらで説明しています:-スライダーの詳細
この現在のスライダーは、スライダー コンテナー div と ul (すべての画像が呼び出される場所) の両方の幅に対して事前定義された数値入力のみを受け取る方法で機能します。これにより、画像が事前定義された幅と高さではなく、ブラウザー ビュー ポート全体を占める可能性があるシナリオでの使用が困難になります。幅 1600px までの画面解像度のビューポート全体をスライダーで占めたいと考えています。
スライダーで使用したい画像は、幅 1600 ピクセル、高さ 804 ピクセルで、さまざまな画面の縦横比とブラウザーの画面サイズに合わせてスケーリングしたいと考えています。
グーグルでいくつかのWebページを調べた後、私が理解したのは、ページのどこかで
$(window).width()
を使用する必要があることだけでした。それを超えて、私は立ち往生しています。誰か助けてくれませんか..よろしくお願いします!