ここで表示できるレスポンシブ サイト デザイン内で、galleriffic jQuery 画像ギャラリー プラグインを使用しています。ブラウザー ウィンドウのサイズを変更するとわかるように、iPad、縦向き、横向きのさまざまな状態を作成しました。これらの状態では、完全な画像ギャラリー、つまりサムネイルと隣接するフルサイズの画像が引き続き表示されます。最後に、iPhone 用です。サムネイルのみ表示します。
私の問題は、iPhone のレイアウトでは、サムネイルがまだメインのギャラリー コンテナーにリンクしていることです。完全に無効にします。スクリプトは、「ul.thumbs」にアタッチされた「noscript」クラスを動的に削除します-ギャラリーはjavascriptなしで正常に機能しなくなります-jQuery addclassを介してクラスを再追加しようとすることで、gallerifficの初期化を効果的に無効にできると思いました、しかし、それはうまくいきませんでした。
最終的に、ビューポートが 480 px 以下の場合にのみ、galleriffic スクリプトによるサムネイル リンクの変更を変更/無効にする最もエレガントなソリューションを見つけたいと思っています。これは可能ですか?
ここでご指導いただきありがとうございます。