如何調整Highslide JS到新的響應式設計

Question

我使用Highslide JS約5年前在此網站上：http://wela.ctc.edu/academy12-13.aspx（示例頁面）。現在我正在重新設計使用Twitter.Bootstrap的網站，並試圖弄清楚如何調整Highslide彈出窗口以在小設備寬度上工作。這是可能的還是應該使用另一種解決方案來實現？我在highslide-with-html.js文件中玩過了設置參數，但結果並不令人滿意。如果可以在響應式設計中使用Highslide，請感謝任何網址的查看。

Answer 1

簡而言之，如果您打開圖像，Highslide可以很好地適應小型設備。擴展器專門用於實現這一點 - 在不超過視口邊界的情況下儘可能大地顯示圖像。

但是，當打開其他任何東西 - 包含HTML內容的擴展器，iframe等時 - 擴展器最初必須是固定大小。您可以在其上放置一個調整大小的手柄，但這不足以處理從智能手機到大型監視器的所有內容。在不重寫Highslide JS的情況下，克服這個限制會要求你的頁面自己檢測視口大小，然後修改對htmlExpand（）的調用，可能使用一些jQuery操作，或者改變.highslide -html CSS類寬度。後一種方法（針對CSS）似乎更容易。