私は約 5 年前にこのサイトで Highslide JS を使用しました: http://wela.ctc.edu/academy12-13.aspx (サンプル ページ)。現在、Twitter.Bootstrap を使用してサイトを再設計しており、Highslide ポップアップを微調整して小さなデバイス幅で動作させる方法を見つけようとしています。これは可能ですか、それとも実装する別のソリューションを見つける必要がありますか? highslide-with-html.js ファイルの設定パラメーターをいじってみましたが、満足のいく結果は得られませんでした。レスポンシブ デザインで Highslide を使用できる場合は、URL を参照していただければ幸いです。
質問する
2580 次
1 に答える
0
簡単に言えば、画像を開く場合、Highslide は小さなデバイスに非常にうまく適応するということです。エキスパンダーは、ビューポートの境界を超えずに画像をできるだけ大きく表示するために作られています。
しかし、それ以外のもの (HTML コンテンツを含むエキスパンダー、iframe など) を開く場合、エキスパンダーは最初は固定サイズである必要があります。サイズ変更ハンドルを付けることができますが、スマートフォンから大型モニターまですべてを処理するには十分ではありません。
Highslide JS を書き直さずに、この制限を克服するには、ページがビューポート サイズを独自に検出し、おそらく jQuery 操作を使用してその場で htmlExpand() の呼び出しを変更するか、.highslide-html CSS クラスを変更する必要があります。幅。後者のアプローチ (CSS を対象とする) の方が簡単なようです。
于 2013-04-25T13:02:10.923 に答える