Fancybox thumbs не работает

5. Запреты и ограничения.
5.5 Запрещено размещать тему в нескольких подразделах одного раздела одновременно (кросспостинг), а также дублировать тему в одном разделе.

Источник

Fancybox thumbnails not working

Im having some problems with the fancybox thumbnails. What Im doing is calling a fancybox gallery with the thumbnails helper from a fancybox iframe. I dont know if this is the problem, but I cant seem to make the thumbnails appear. They do show in a media gallerie I have. but not on the normal gallery. Im using a php loop to put each of the images. Here is the code. This is what I have for each of the Iframe(.various) the gallery(fancybox-thumb) and for the media player with thumb helpers(fancybox-media)

as for the code on the gallery beeing made is the next.

Thanks for your help 😀

1 Answer 1

I optimize the answer to use with any folders and images you want in diferent galleries. Down side is when you close the gallery you have to open the folders iframe again. Im working on looking how to make the folders iframe open when you close the gallery. Eitherway, here is the code I used. As you can see I returned the folder name and trim it so I can use it for a class of the fancybox. Hope this is better 😀 Ill leave the script and the HTML I used to make the galleries.

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question. Provide details and share your research!

• Asking for help, clarification, or responding to other answers.
• Making statements based on opinion; back them up with references or personal experience.

Источник

fancybox-3.3.0 no longer shows thumbs #1903

Comments

pacho2 commented Apr 4, 2018 •

After updating from 3.2.5 to 3.3.0 it seems that thumbs are not working anymore.

The panel to show them is not opened and the button to open the panel for thumbs is neither shown in the toolbar. Going back to 3.2.5 makes it work again.

The html file I am using to launch fancybox is this:

I am not sure what should I change to make it work again with newer fancybox

Thanks a lot for your help

The text was updated successfully, but these errors were encountered:

pacho2 commented Apr 4, 2018

I didn’t set any «custom» css file for this. or do you refer to fancybox provided css files? In that case I am using upstream ones without touching

fancyapps commented Apr 4, 2018 •

Since you have not provided a link to your page demonstrating this issue and it works for me (any demo from docs works fine, I even created a quick demo on jsfiddle to make sure it works there too — https://jsfiddle.net/kjn0aswr/), I do not know what else could be the cause. I am pretty sure you have not updated your copy of the CSS file (or maybe JS file, too) and therefore you have version mismatch.

pacho2 commented Apr 4, 2018

What css and js file should I update? I don’t remember to have changed it for old version

pacho2 commented Apr 4, 2018 •

It’s is caused by a display: none; tag that is being added for thumbs button:

If I drop that part (with Chrome utility for «developing») it works ok

fancyapps commented Apr 4, 2018 •

I am actually surprised that previous versions did show thumbnails, because in your case — they should not appear. You see, thumbnails are either 1) grabbed from the link (e.g., when using fancybox typically as 2) or taken from data-thumb attribute. Since you have neither of this, thumbnails do not appear.

The solution would be to simply add data-thumb attributes to your links, see this demo — https://jsfiddle.net/5936nuw7/

pacho2 commented Apr 4, 2018

Ah, thanks, I will try it tomorrow to see how to change the «isValidImage» script to append that to the mod_autoindex page 🙂

pacho2 commented Apr 5, 2018

Works like a charm, thanks a lot!

You can’t perform that action at this time.

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.

Источник

В чем может быть причина отключения thumbs при связи fancybox и slick?

Пытаюсь использовать fancybox для вывода изображений из slick slider. Т.к. для прокрутки слайдов slick создает копии блоков, в thumbs вылезали дубликаты изображений из копий. Эту проблему пытался решить двумя способами.

Первый — использовать fade: true в настройках slick
Второй — при инициализации слайдера перезаписывать категории изображений для галереи

В любом случае thumbs перестают инициализироваться, пропадает кнопка вызова thumbs и события на ней. В чем может быть причина?

• Вопрос задан более двух лет назад
• 176 просмотров

В любом случае thumbs перестают инициализироваться, пропадает кнопка вызова thumbs и события на ней. В чем может быть причина?

вы добавляете index в data-fancybox, а должно быть везде одинаково, тогда они будут в группе

я делал с owl, но принцип тот же.

html отдельного слайда

с этого нужно data-index (начинаем с 1), что бы искать нужный слайд и data-fancybox что бы работало открытие при переходе по ссылке.

когда делал с owl, ссылки я получал после инициализации карусели через api.
в слик можно получить так

Попробовал сделать по вашему варианту (закомментировал), вышло что-то не то, возможно, где-то косяк.
Остальной код — то, как я пытался сделать изначально, только, почему-то, на кодпен работает иначе, чем на живую — индекс неправильно заносится в дата-фэнси.
Нюанс в том, что каждый слайд слика содержит в себе свою группу слайдов для фэнсибокс, т.е. групп изображений несколько, потому я и заносил индекс в дата-фэнси.

И можно увидеть, что если оставить стандартные настройки плагинов, то при нативном сликовском fade true так же перестают работать thumbs

Источник

Не работает fancybox (Страница 1 из 2)

Чтобы отправить ответ, вы должны войти или зарегистрироваться

Сообщений с 1 по 25 из 26

1 Тема от zbender 2014-11-27 11:47:17

• zbender
• Пользователь
• Неактивен

• Зарегистрирован: 2014-11-27
• Сообщений: 19

Тема: Не работает fancybox

При открытии изображения, оно открывается на новой странице, а не в модальном окне.
Вот как выглядит код подгрузки скриптов fancybox (все скрипты подгрузились):

Вот как формирую ссылку:

В чём может быть проблема?

2 Ответ от olsv64 2014-11-27 11:49:42

• olsv64
• Администратор
• На форуме

• Откуда: Киров
• Зарегистрирован: 2013-03-03
• Сообщений: 3,919

Re: Не работает fancybox

возможно jQuery подключена несколько раз, покажите весь исходный код

3 Ответ от zbender 2014-11-27 13:52:29 (2014-12-28 11:29:35 отредактировано zbender)

• zbender
• Пользователь
• Неактивен

• Зарегистрирован: 2014-11-27
• Сообщений: 19

Re: Не работает fancybox

пробовал отключать лишние скрипты, использовать класс iframe, использовать id вместо class, менять версию jQuery.
ничего не помогло.

4 Ответ от olsv64 2014-11-27 16:26:50

• olsv64
• Администратор
• На форуме

• Откуда: Киров
• Зарегистрирован: 2013-03-03
• Сообщений: 3,919

Re: Не работает fancybox

каким-то образом мешает плагин Contactable Email

5 Ответ от zbender 2014-11-27 18:05:10

• zbender
• Пользователь
• Неактивен

• Зарегистрирован: 2014-11-27
• Сообщений: 19

Re: Не работает fancybox

да, действительно. после отключения Contactable Email, всё заработало.
Спасибо!

6 Ответ от olsv64 2014-11-29 02:33:51

• olsv64
• Администратор
• На форуме

• Откуда: Киров
• Зарегистрирован: 2013-03-03
• Сообщений: 3,919

Re: Не работает fancybox

вот так можно размещать видео в модальном окне при помощи этого плагина http://getsimplecms.ru/plaginy-dlya-get … -fancybox/
http://business-website.ru/demo/00/fancybox/?lang=ru
ссылку брать из HTML-кода на YouTube, так выглядит ссылка //www.youtube.com/embed/OBVm3IoKwIk?list=PLgMaGEI-ZiiYhCrVu9iW7rAp_rhsWPkeg

там же приведен пример ссылки на карту гугл
ссылку тоже нужно брать из КОДА ифрейма (не ссылку)

7 Ответ от zbender 2015-01-10 17:59:22

• zbender
• Пользователь
• Неактивен

• Зарегистрирован: 2014-11-27
• Сообщений: 19

Re: Не работает fancybox

каким-то образом мешает плагин Contactable Email

Заменил jquery.validate.pack.js на jquery.validate.min.js (скачал отдельно)
Так же подправил относительный путь в jquery.contactable.js ($.post(‘/plugins/DM_contactable/mail.php’)

После этого заработал и fancybox и contactable

8 Ответ от olsv64 2015-01-10 18:33:21

• olsv64
• Администратор
• На форуме

• Откуда: Киров
• Зарегистрирован: 2013-03-03
• Сообщений: 3,919

Re: Не работает fancybox

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

9 Ответ от zbender 2015-01-10 19:04:13

• zbender
• Пользователь
• Неактивен

• Зарегистрирован: 2014-11-27
• Сообщений: 19

Re: Не работает fancybox

https://www.dropbox.com/s/ygj85etokpnxn … e.zip?dl=0 выложил сюда. собрал заново, т.к. в моей версии исправления под себя. не проверил, но думаю, что всё должно быть гуд

10 Ответ от olsv64 2015-01-10 22:36:43

• olsv64
• Администратор
• На форуме

• Откуда: Киров
• Зарегистрирован: 2013-03-03
• Сообщений: 3,919

Re: Не работает fancybox

что-то не работает никак не может отправить письмо

11 Ответ от zbender 2015-01-11 00:44:44

• zbender
• Пользователь
• Неактивен

• Зарегистрирован: 2014-11-27
• Сообщений: 19

Re: Не работает fancybox

пишет сообщение, о том что письмо не отправлено или зависает спинер отправки? в консоль браузера js ошибки падают?
у меня на локальном сервере пишет сообщение, что письмо не отправлено, но оно отправляется. На рабочем сервере сообщение об удачной отправке выводится нормально.

12 Ответ от olsv64 2015-01-11 00:50:08

• olsv64
• Администратор
• На форуме

• Откуда: Киров
• Зарегистрирован: 2013-03-03
• Сообщений: 3,919

Re: Не работает fancybox

просто колесико крутится бесконечно, я что-то поленился заглянуть в консоль

13 Ответ от zbender 2015-01-11 00:57:02

• zbender
• Пользователь
• Неактивен

• Зарегистрирован: 2014-11-27
• Сообщений: 19

Re: Не работает fancybox

js ломается. в консоли сообщение должно быть с ошибкой. проверил на чистой сборке getsimple — всё норм. видимо, где-то конфликтует что-то опять.

возможно в jquery.contactable.js надо заменить

14 Ответ от olsv64 2015-01-11 01:08:29

• olsv64
• Администратор
• На форуме

• Откуда: Киров
• Зарегистрирован: 2013-03-03
• Сообщений: 3,919

Re: Не работает fancybox

да помогло, у меня тестовый сайт в папке стоит

15 Ответ от sbomond 2015-12-18 17:15:31 (2015-12-18 17:16:46 отредактировано sbomond)

• sbomond
• Пользователь
• Неактивен

• Зарегистрирован: 2015-12-17
• Сообщений: 13

Re: Не работает fancybox

Добрый день! кто поможет сделать так что бы заработал FancyBox? или сказать что делаю не так как в описании на сайте и т.д.
биться больше нет сил. и познаний.
спасибо

ps может какие другие плагины подобные существуют?

16 Ответ от olsv64 2015-12-18 17:31:31

• olsv64
• Администратор
• На форуме

• Откуда: Киров
• Зарегистрирован: 2013-03-03
• Сообщений: 3,919

Re: Не работает fancybox

вы можете просто использовать скрипт fancybox без плагина, либо внимательно перечитайте и выполните все требования для работы этого плагина
этот плагин подключает бибилотеку jQuery из папки admin, то есть у вас не должно быть подключений этой библиотеки в шаблоне, вы не должны использовать параллельно с ним плагины, подключающие эту библиотеку, если вы скачали плагин с моего сайта, то как запускать скрипт описано здесь http://getsimplecms.ru/plaginy-dlya-get … -fancybox/

17 Ответ от sbomond 2015-12-18 22:15:11

• sbomond
• Пользователь
• Неактивен

• Зарегистрирован: 2015-12-17
• Сообщений: 13

Re: Не работает fancybox

вы можете просто использовать скрипт fancybox без плагина, либо внимательно перечитайте и выполните все требования для работы этого плагина
этот плагин подключает бибилотеку jQuery из папки admin, то есть у вас не должно быть подключений этой библиотеки в шаблоне, вы не должны использовать параллельно с ним плагины, подключающие эту библиотеку, если вы скачали плагин с моего сайта, то как запускать скрипт описано здесь http://getsimplecms.ru/plaginy-dlya-get … -fancybox/

плагин с Вашего сайта. прочитано все внимательно — так же и сделано. однако я не программист и что такое jQuery для меня темный лес ) но скорее всего дело в нем.

Источник