Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Галерея картинок (https://javascript.ru/forum/jquery/32596-galereya-kartinok.html)

Riels 22.10.2012 18:13

Галерея картинок
 
Добрый день!
Возникла необходимость создания галереи картинок. Нашел уже готовый плагин Fancybox, но мне необходимо добавить в POPUP модальное окно дополнительные кнопки, в частности при нажатии - отправка AJAX запроса. Как можно переделать данный плагин, чтобы отображались необходимые кнопки?

Riels 22.10.2012 20:11

Возможно кто-то посоветует другое решение? Необходимо "выскакивание" модального окна, в виде картинки, но чтобы можно было самому настроить, что будет в этом окне(в данном случае кнопки)

walik 22.10.2012 21:43

В fancybox можно не только картинки вставлять.

<div style="display: none;">
    <div id="my_modal_content">
         Тут ставишь свою картинку + все кнопки что надо.
    </div>
</div>

<a href="#my_modal_content">Показать окошко</a>

Riels 23.10.2012 12:13

Спасибо, сейчас с этим разбираюсь и вот появился вопрос.

<div style="display:none"">
    <div id="modal_image">
         <img src="/images/image_1.jpg"/>
    </div>
</div>


Картинка выводится в своих оригинальных размерах, а как сделать так, чтобы происходил ресайз картинки по высоте экрана, как это делается при обычном выводе галереи?

Riels 26.10.2012 15:16

ПРоблема все еще осталась, прошу помощи. Нашел аналогичную проблему в интернете http://stackoverflow.com/questions/9...d-text-that-is , но там так и не смогли ничего подсказать. Возможно кто-то сталкивался с таким?

walik 26.10.2012 17:18

Цитата:

Сообщение от Riels
не смогли ничего подсказать

Потому что и подсказывать то нечего.
Определить размеры экрана и в зависимости от них менять размеры картинки.

Типа такого:
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.