Как настроить Highslide JS на новый отзывчивый дизайн

Question

Я использовал Highslide JS около 5 лет назад на этом сайте: http://wela.ctc.edu/academy12-13.aspx (пример страницы). Теперь я перепроектирую сайт на использование Twitter.Bootstrap и пытаюсь выяснить, как я могу настроить всплывающие окна Highslide для работы с небольшой шириной устройства. Возможно ли это или я должен использовать другое решение для реализации? Я играл с параметрами настройки в файле highslide-with-html.js, но результаты были неудовлетворительными. Если можно использовать Highslide в отзывчивом дизайне, было бы признательно за любые URL-адреса, на которые нужно смотреть.

Answer 1

Короткий ответ: Highslide хорошо адаптируется к маленьким устройствам, если вы открываете изображения. Расширитель специально создан для этого - отображает изображение настолько большим, насколько оно может, без превышения границ окна просмотра.

Но при открытии чего-либо еще - расширителя с содержимым HTML, iframe и т. Д. - изначально расширитель должен иметь фиксированный размер. Вы можете поместить на него ручку изменения размера, но это не очень хорошо подходит для обработки всего от смартфона до большого монитора.

Не переписывая Highslide JS, для преодоления этого ограничения потребуется, чтобы ваша страница самостоятельно определяла размер области просмотра, затем либо изменяла вызов htmlExpand() на лету, возможно, с некоторыми манипуляциями jQuery, либо изменяла .highslide -html ширина класса CSS. Последний подход (нацеленный на CSS) кажется таким, каким было бы проще.