私はこのjquery/css3 スライダーを使用しており、レスポンシブにしたいと考えています。
<http://jsfiddle.net/mj13/dQTS4/2/>
このスライダーの問題は、スライス/マスクを使用して画像を表示することです。ページの読み込み時に、スクリプトは画像サイズを「取得」し、その画像に基づいてスライス/マスクを作成します。
ブラウザのサイズが変更されると、スライダーのスライスを拡大縮小することができました (幅: 33%)。ただし、スケーリングされる「スライス」は最初に100％で取得された画像のスライスであるため、画像のサイズを変更すると問題が発生します。
さまざまな画面サイズでさまざまな画像を表示するメディア クエリを作成しようとしました。残念ながら、スクリプトはページ読み込み時の画面サイズに基づいてこれらの画像スライスを作成します!
ページのサイズが変更されたときに画像スライスを作成するjqueryスクリプトまたはその一部をリロードできる方法はありますか? 他のオプションを検討したいと思います。
前もって感謝します！