タッチをサポートする「レスポンシブ カルーセル」を作成できる、すぐに使える jQuery プラグイン (無料または有料) を探しています。
それが機能する方法は、現在の画像をサイトの中央に表示し(画像の幅と高さを定義し、すべての画像に固定し、画像を垂直方向に中央に配置し、カルーセル/スライダーの高さをブラウザーの幅で変更しません)、次に部分的または完全に表示することです右が画像、左が前回。ブラウザが大きくなると「切り抜いた」画像がどんどん表示され、ブラウザが十分に大きい場合、3枚の写真が完全に表示され、次の写真が右に、前の写真が左に表示されます。画像は、ブラウザ ウィンドウが許す限り、中央に 1 つの画像があり、左右に他の画像が表示されるフィルムストリップのように見えます。
この画像は、このカルーセルがさまざまなブラウザーの幅でどのように動作するかを示しています...最も暗いボックスは水平に配置された写真であり、その外側の明るいボックスは異なるブラウザー ウィンドウの高さを示しています。
私が話していることを視覚化するのに問題がある人のために、次の画面は幅 1920px、1800px 1600px および 1400px の幅のブラウザー ウィンドウでどのように見えるかを示しています。これらは、ブラウザの幅全体を占めるサイト全体からの切り抜きです。