Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.10.2012, 18:13
Новичок на форуме
Отправить личное сообщение для Riels Посмотреть профиль Найти все сообщения от Riels
 
Регистрация: 22.10.2012
Сообщений: 4

Галерея картинок
Добрый день!
Возникла необходимость создания галереи картинок. Нашел уже готовый плагин Fancybox, но мне необходимо добавить в POPUP модальное окно дополнительные кнопки, в частности при нажатии - отправка AJAX запроса. Как можно переделать данный плагин, чтобы отображались необходимые кнопки?
Ответить с цитированием
  #2 (permalink)  
Старый 22.10.2012, 20:11
Новичок на форуме
Отправить личное сообщение для Riels Посмотреть профиль Найти все сообщения от Riels
 
Регистрация: 22.10.2012
Сообщений: 4

Возможно кто-то посоветует другое решение? Необходимо "выскакивание" модального окна, в виде картинки, но чтобы можно было самому настроить, что будет в этом окне(в данном случае кнопки)
Ответить с цитированием
  #3 (permalink)  
Старый 22.10.2012, 21:43
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

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

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

<a href="#my_modal_content">Показать окошко</a>
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
  #4 (permalink)  
Старый 23.10.2012, 12:13
Новичок на форуме
Отправить личное сообщение для Riels Посмотреть профиль Найти все сообщения от Riels
 
Регистрация: 22.10.2012
Сообщений: 4

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

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


Картинка выводится в своих оригинальных размерах, а как сделать так, чтобы происходил ресайз картинки по высоте экрана, как это делается при обычном выводе галереи?
Ответить с цитированием
  #5 (permalink)  
Старый 26.10.2012, 15:16
Новичок на форуме
Отправить личное сообщение для Riels Посмотреть профиль Найти все сообщения от Riels
 
Регистрация: 22.10.2012
Сообщений: 4

ПРоблема все еще осталась, прошу помощи. Нашел аналогичную проблему в интернете http://stackoverflow.com/questions/9...d-text-that-is , но там так и не смогли ничего подсказать. Возможно кто-то сталкивался с таким?
Ответить с цитированием
  #6 (permalink)  
Старый 26.10.2012, 17:18
Аватар для walik
Профессор
Отправить личное сообщение для walik Посмотреть профиль Найти все сообщения от walik
 
Регистрация: 09.11.2009
Сообщений: 1,101

Сообщение от 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". В одной из функции и делаете проверку изображения в модальном окошке.
__________________
"Всегда пишите код так, будто сопровождать его будет склонный к насилию психопат, который знает, где вы живете."
Мой сертификат :-D клацай
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите сделать нумерацию картинок в новости DemonXT jQuery 7 23.02.2012 17:08
Загрузчик картинок Livanderiaamarum Общие вопросы Javascript 1 15.01.2012 17:21
поочередное открытие картинок Dr.Livsi jQuery 10 31.07.2011 19:11
Слайдер не отрабатывает несколько картинок SinX Элементы интерфейса 1 15.05.2011 22:28
Галерея картинок Cross Общие вопросы Javascript 3 06.10.2010 23:32