Галерея картинок
Добрый день!
Возникла необходимость создания галереи картинок. Нашел уже готовый плагин Fancybox, но мне необходимо добавить в POPUP модальное окно дополнительные кнопки, в частности при нажатии - отправка AJAX запроса. Как можно переделать данный плагин, чтобы отображались необходимые кнопки? |
Возможно кто-то посоветует другое решение? Необходимо "выскакивание" модального окна, в виде картинки, но чтобы можно было самому настроить, что будет в этом окне(в данном случае кнопки)
|
В fancybox можно не только картинки вставлять.
<div style="display: none;"> <div id="my_modal_content"> Тут ставишь свою картинку + все кнопки что надо. </div> </div> <a href="#my_modal_content">Показать окошко</a> |
Спасибо, сейчас с этим разбираюсь и вот появился вопрос.
<div style="display:none""> <div id="modal_image"> <img src="/images/image_1.jpg"/> </div> </div> Картинка выводится в своих оригинальных размерах, а как сделать так, чтобы происходил ресайз картинки по высоте экрана, как это делается при обычном выводе галереи? |
ПРоблема все еще осталась, прошу помощи. Нашел аналогичную проблему в интернете http://stackoverflow.com/questions/9...d-text-that-is , но там так и не смогли ничего подсказать. Возможно кто-то сталкивался с таким?
|
Цитата:
Определить размеры экрана и в зависимости от них менять размеры картинки. Типа такого: if ($('img').width() > $(window).width()) $('img').width($(window).width()); if ($('img').height() > $(window).height()) { $('img').width('auto'); $('img').height($(window).height()); } В Fancybox можно использовать callback-функции "onStart", "onComplete". В одной из функции и делаете проверку изображения в модальном окошке. |
Часовой пояс GMT +3, время: 05:08. |