Галерея картинок
Добрый день!
Возникла необходимость создания галереи картинок. Нашел уже готовый плагин 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, время: 08:29. |