Вопросы с меткой [fancybox]

jQuery плагин для реализации на сайте модальных окон и фото галерей.

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
18 показов

убрать класс после закрытия fancybox 4

в 3 было так: $("[data-fancybox]").fancybox({ afterClose: function () { //window.location.reload(); $(".modal-content").removeClass("active"); }, }...
Александр Орлов's user avatar
0 голосов
0 ответов
21 показ

Fancybox как сделать ссылка на элементе?

Есть сайт с книгами, книги анимировано выдвигаются при наведении, и при клике открываются с помощью библиотеке fancybox, нужно на открытый элемент повесить ссылку на другую страницу. Причем на каждый ...
favorite's user avatar
0 голосов
0 ответов
14 показов

Добавление стрелок для slider zoom в WordPress

Есть слайдер в WordPress, реализовал с помощью плагина smartslider. В целом, можно и любой другой, лишь бы была возможность подгружения контента через админку. Сделал возможность зума слайдов с ...
niskofly's user avatar
0 голосов
0 ответов
25 показов

Передать клик на галерею fancybox

Вот HTML <div class="gallery_tag"></div> <ul class="gallery"> <li><a href="img/obj_img.jpg" data-fancybox="object_1"><img src=&...
Denis's user avatar
  • 1,685
0 голосов
0 ответов
25 показов

Как в тело блока fancybox вставить свой блок?

При клике на картинку открывается окно с контейнером fancybox__content в котором кнопка закрытия и сама картинка. Как в этот контейнер fancybox__content добавить свой блок над картинкой? Fancybox....
Oleg Dobrynin's user avatar
0 голосов
1 ответ
58 показов

Как при помощи плагина FancyBox вызвать группу картинок одной кнопкой?

Использую плагин FancyBox v.3 и хочу сделать вызов галлереи картинок используя только одну кнопку, подскажите, в какую сторону смотреть? В документации не нашёл информации по этому поводу, есть вызов ...
dJoni .D's user avatar
  • 103
0 голосов
1 ответ
33 показа

Плагин fancybox 3

Подскажите, пожалуйста, плагин fancybox 3 не открывает такие форматы как docx, rtf. Появляется ошибка: Может есть решение проблемы?
Юлия Григорьева's user avatar
0 голосов
1 ответ
108 показов

fancybox. Запуск видео с YouTube

Вот HTML <a href="#" data-src="https://youtu.be/Z-F6PoY7ofE" class="br_slide_1" data-fancybox> <img src="img/sl_1_img.jpg" alt="" /> <...
Denis's user avatar
  • 1,685
0 голосов
1 ответ
225 показов

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

Плагин FancyBox. Как сделать на мобильной версии чтобы окно не закрывалось при нажатии на свободную область? И можно ли убрать чтобы модальное окно не закрывалось если его тащить вверх/вниз?
ka1dos's user avatar
  • 11
1 голос
3 ответа
100 показов

Не открывается fancybox при передаче клика на слайд фотогалереи

Вот HTML <a href="#" data-gallery-btn = "object_slider_1"> <p>Еще фото</p> </a> <div data-gallery = "object_slider_1"> <a href=&...
Denis's user avatar
  • 1,685
-1 голос
1 ответ
50 показов

Измененные параметры не передаются в модальное окно fancybox?

Есть форма-калькулятор. Результат работы - открытие модального окна Fancybox в режиме фрейма. Т.е. пользователь заполняет форму, на кнопке генерится data-src такого вида: "/.ajax/call.p3?x1=20&...
dukonst's user avatar
  • 39
0 голосов
1 ответ
379 показов

Как исправить баг в галереи fancybox?

после открытия попапа пропадают картинки и не отображаются справа кнопки (зума,слайдшоу и тд) $(document).ready(function() { $('[data-fancybox="gallery"]').fancybox({ buttons: [ "slideShow"...
flowers's user avatar
  • 51
0 голосов
1 ответ
328 показов

Как изменить кнопку close в fancybox?

$('#btn').click(function(){ $.fancybox.open({ src: '#hidden', type: 'inline', clickSlide : 'false', clickOutside : 'false', touch: false, closeBtn: ...
vencs's user avatar
  • 5
1 голос
0 ответов
56 показов

Почему в Fancybox выводится фотографий большее количество, чем изначально загружено?

Почему при выводе фотографий крупным планом показывается фотографий больше, чем я загружал? У меня загружено изначально 6 изображений, а он выводит 14. Как сделать так, чтобы выводилось столько, ...
Ziora's user avatar
  • 115
0 голосов
1 ответ
39 показов

как отменить закрытие fancybox в момент работы функции

сам код функции function func() { //проверяем инпуты if (input.checkValidity() & inputnames.checkValidity()) { startButton.style.pointerEvents = 'none'; var x = Math.floor(...
evsykov's user avatar
  • 45
0 голосов
1 ответ
64 показа

как скрыть картинку и вывести другую в fancybox?

Не получается скрыть картинку в fancybox, документации не нашел, document.getElementById(wheel).style = "display: none"; вот так не получается
venomphp's user avatar
0 голосов
1 ответ
18 показов

fancybox3 скролинг на мобильных

Дублирую вопрос с англ: https://stackoverflow.com/questions/45553047/how-to-disable-swiping-fancybox-slides-by-mousemove#:~:text=3%20Answers&text=Simply%20set%20touch%3Afalse%20to%20disable%...
trollDemiurg's user avatar
0 голосов
1 ответ
334 показа

Вызов модального окна fancybox 3 ajax

Как вызвать модальное окно из скрипта? Сейчас я его вызываю по ссылке: <a data-fancybox data-type="ajax" data-src="modal/login.html" href="javascript:;" data-options='{...
Владислав's user avatar
0 голосов
1 ответ
131 показ

Не работает fancybox после ajax

Этот код работает при загрузке страницы $('.fancybox_gallery .fancybox').fancybox({ afterShow : function( instance, current ) { parentBlock = $("[data-fancybox = '"+current.opts....
Denis's user avatar
  • 1,685
0 голосов
1 ответ
403 показа

Плагин галереи на Vue.js

Подскажите, пожалуйста, плагин для галереи изображений на Vue.js, по аналогии с fancybox. Обязательно нужно, чтобы была возможность менять фото по колесу мыши. В fancybox как раз такой функционал есть,...
Дмитрий Борщевский's user avatar
0 голосов
1 ответ
100 показов

Как вызвать Morphing modal overlay через собственную функцию?

Привет ребят) у меня получилось сделать только то, что внизу, но хотелось бы переделать это под этот вариант буду благодарен за помощь. <a href="/dle-rules-page.html" class="btn-info" onclick="...
Aison's user avatar
  • 33
1 голос
0 ответов
121 показ

Закрытие окна Fancybox

Есть кнопка при нажатии на которую открывается fancybox с формой, после заполнения формы и нажатия на кнопку отправить хочу что-бы это окно автоматически закрылось и открылось еще одно с текстом "что ...
Даша Новикова's user avatar
1 голос
0 ответов
162 показа

В popup(fancybox), есть слайды сделанные в slick slider. Слайды при вызове popup слипаются, как это исправить?

Суть я описал в название, есть popup, а в нём слайдер. При вызове он слипается, но при скроллинге он восстанавливается. Вызов слайдера прикрепил, после идет вызов fancybox. $(".gooodPopup__slider")....
Иван Трушко's user avatar
0 голосов
1 ответ
120 показов

fancybox- не могу удалить значение кнопки close

$('.modal').fancybox({ defaults: { btnTpl: { download: '<a download data-fancybox-download class="fancybox-button fancybox-button--download" ...
Камран Раджабов's user avatar
0 голосов
1 ответ
274 показа

Как в Fancybox 3 сбросить значение index в $.fancybox.open?

Всем привет! Подключил слайдер Slick с изображениями. Fancybox открывает изображения при нажатии на кнопку, а не на само изображение. У каждой ссылки с изображением прописан data-order с нумерацией ...
kepkame's user avatar
0 голосов
1 ответ
403 показа

Модальное окно FancyBox

Доброе утро, почему не открывается по клику на вторую кнопку модалка? $("#btnModal").fancybox(); $(".btn-modal").on("click", function () { $("#form-modal").fadeOut("fast", function () { ...
Gleb Pristupa's user avatar
0 голосов
1 ответ
50 показов

Как получить доступ к iframe с видеороликом?

Как при вызове всплывающего окна с видеороликом из YouTube (новый fancybox 3.5.7) в beforeShow получить id элемента iframe, в котором будет размещено видео? Смотрю по примеру в интернете, но пример, ...
nup's user avatar
  • 1,833
0 голосов
1 ответ
985 показов

alert при закрытии модального окна fancybox

Доброго времени суток. Есть HTML в body только это <a class="youtube" data-fancybox href="https://www.youtube.com/watch?v=7iZPrUgM_CI&autoplay=1"> YouTube video </a> ...
Андрей Мисайлов's user avatar
0 голосов
0 ответов
37 показов

написать в разных файлах js/html fancybox

Доброго времени суток. Имеется код например такой <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
Андрей Мисайлов's user avatar
2 голоса
1 ответ
442 показа

Конфликт jquery и bootstrap 4

Я совсем не силён в js, поэтому пользуюсь готовыми решениями. У меня сборщик gulp, верстаю с помощью bootstrap 4. js из "коробки" используется только для навигации (гамбургера). Я хотел ...
Тимур Жумашев's user avatar
0 голосов
1 ответ
94 показа

В iOS не кликабельны input в попап окне fancybox

Обнаружилось, что на iOS устройствах в попап окне Fancybox 3 не кликабельны input поля, т.е. при клике на них ничего не происходит, не понимаю почему, сколько раз использовал Fancybox и плагин Contact ...
Makissm's user avatar
  • 189
0 голосов
1 ответ
218 показов

Как можно подгружать стиль и js только после всех остальных

Подключил к сайту fancybox, страница стала значительно дольше загружаться как можно поставить загрузку стилей и js fancybox после всех остальных
Oleksandr's user avatar
  • 597
1 голос
1 ответ
1k показов

Как поместить стрелки навигации внутри контейнера с картинкой fancybox?

Есть группа картинок галереи fancybox 3 версии. Как расположить стрелки влево вправо внутри белой секции (а не по краям как сейчас), по аналогии как в предыдущей версии библиотеки демо но, сохранив ...
Вася's user avatar
  • 4,478
0 голосов
1 ответ
130 показов

Как сделать чтобы каждый попап Fancybox начинался с соответствующего элемента?

Есть вот такой код с попапом Fancybox $('a#inlinetest').click(function() { $.fancybox.open($('.inlinedata').get(), { 'type': 'inline', 'overlayShow': true, 'overlayOpacity': 0....
Poincare's user avatar
0 голосов
0 ответов
319 показов

Почему не загружается содержимое Iframe?

до полной загрузки сайта фрейм загружается полностью, а после полной загрузки сайта содержимое фрейма не подгружается плагин fancybox
Костян М's user avatar
0 голосов
0 ответов
372 показа

Как сделать карусель (отзывов) используя FancyBox 3?

Не в виде всплывающего окна, а именно как карусел. Не хочу нагружать сайт лишними библиотеками. На сайте уже применяю FancyBox 3. Хотелось бы и для блока отзывов его задействовать + у FancyBox ...
jamboo's user avatar
  • 55
3 голоса
1 ответ
1k показов

Fancybox 3, баг, при клике внутри окна дублируется еще одно

Как запретить дублирование попап окна при клике в контентной области? Но, чтобы текст можно было выделять мышкой и кнопка закрыть работала. jQuery(function($) { $('#fancy-1').on('click', ...
Makissm's user avatar
  • 189
1 голос
0 ответов
665 показов

Fancybox 3 как по клику на кнопку открыть галерею с inline контентом

Нужно чтобы по кнопке открывалась галерея inline блоков с листалкой влево и вправо подскажите пожалуйста как это реализовать? Нашел пример http://jsfiddle.net/VZd7c/ но он на 3 версии не работает. &...
Makissm's user avatar
  • 189
0 голосов
2 ответа
5k показов

Slick слайдер и Fancybox

При инициализации слайдер, для того чтобы делать прокрутку слайдеров цикличной, создает дополнительные слайды клоны. Поэтому в фансибоксе отображаются 16 слайдов вместо 8. А параметр infinite: true ...
Denis's user avatar
  • 1,685
0 голосов
1 ответ
360 показов

fancybox галерея

Проблема с библиотекой fancybox до этого не работал с ней поэтому не могу понять в чем ошибка (при клике на ссылку происходит обычный переброс на картинку без использования fancybox). Вот код $(...
ilyaaa521's user avatar
  • 652
0 голосов
0 ответов
30 показов

Как получить высоту в inline блоке Fancybox

Подскажите пожалуйста, пытаюсь получить высоту определенного блока в модальном окне Fancybox, но постоянно получаю 0, понимаю что нужно сделать это после загрузки самого модального окна, но как точно ...
Makissm's user avatar
  • 189
0 голосов
1 ответ
179 показов

В чем причина ошибки с fancyBox?

При расположении нескольких идентичных ссылок на странице перестает корректно работать открытие PopUp с инлайн-контентом: появляется на секунду и исчезает, причем, остается затемненный фон. Если ...
Дмитрий Жуков's user avatar
0 голосов
1 ответ
356 показов

fancybox 3.2.5 и зацикливание галереи

В старом фансибоксе достаточно было прописать cyclic: true В новом так не получается ... Как зациклить галерею в свежей версии?
Александр Николаев's user avatar
0 голосов
1 ответ
247 показов

После перехода с http на https перестал работать fancybox

после того как перешел на https перестал работать fancybox https://bereza-ug.ru/kupe.html в чем может быть причина? сайт на cms modx revo
Andrey  Vladimirovich's user avatar
1 голос
0 ответов
186 показов

Переключение между следующий/предыдущий popup в fancybox

Есть карточка товара, при клике на которую появляется модальное окно, реализованное через fancybox. В этой карточке есть 2 кнопки внизу, следующий товар и предыдущий, при клике на которые появляется ...
Олег's user avatar
4 голоса
1 ответ
439 показов

Как вызвать fancybox по двойному клику и запретить по одинарному?

Есть OwlCarousel с фотографиями, при нажатии на которые по двойному клику должна открываться галерея fancybox. Дело в том, что галерея открывается по умолчанию по одинарному клику. А иногда даже ...
kizoso's user avatar
  • 9,303
0 голосов
1 ответ
230 показов

Как правильно обновить набор галереи fancybox 3 после обновления коллекции?

После инициализации fancybox я удаляю один из элементов или добавляю в коллекцию (галерею). Но не происходит пересчёт количества. В доке пишут: $.fancybox.getInstance().update(); Это один из ...
sinneren's user avatar
  • 345
0 голосов
1 ответ
76 показов

Не работает reCaptchav2 в fancybox+cf7

Добрый день. Суть проблемы: не работает каптча в модальном окне (фэнсибокс) Пробовал такой скрипт в шапке, в функциях относительно формы фенсибокса и т.д. var onloadCallback = function() { ...
Krasus's user avatar
  • 1
0 голосов
1 ответ
226 показов

Открыть галерею fancybox именно с теми изображениями которые в контейнере

Здравствуйте, такой вопрос, как сделать так, чтоб открылись изображения при клике на кнопку именно те которые находятся в этом же контейнере, у меня на странице находятся идентичные кнопки с ...
Александр Пивень's user avatar
0 голосов
0 ответов
220 показов

Как запускать popup fancybox по прямой ссылке?

У меня есть popup окно с id="hidden-content" . Мне нужно чтобы это окно открывалось при переходе по ссылке http://мойсайт/#hidden-content . Подскажите пожалуйста, как это реализовать? Перерыл всю инфу ...
Александр's user avatar