Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
4 / 4 / 0
Регистрация: 07.08.2015
Сообщений: 102

Fancybox + carusel, не срабатывает fancybox после поворота первого слайдера

11.03.2018, 15:38. Показов 1607. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Добрый день, уважаемые спецы
Подскажите пожалуйста неопытному подавану, установил на сайт два плагина: fancybox и carusel миниатюр со стрелками

ВСЕ СКРИНЫ С ЭКРАНА ПРИЛАГАЮТСЯ)


Как это выглядит: есть четыре миниатюры в горизонтальный ряд, есть стрелки слева и справа от этого ряда.
эти 4 миниатюры зациклены без автопрокрутки
Стрелки соответственно - "листалки"
карусель крутит миниатюры без проблем.
фэнсибокс соответственно при клике должен вывести фотку большого размера (выбранной миниатюры) и вывести режим листалки в полноэкранном режиме

см фото 1


Все работает на первый взгляд, сразу после загрузки страницы - ДО ЛИСТАНИЯ СТРЕЛКАМИ СЛАЙДОВ - кликаю по миниатюрам - fancybox срабатывает и уже в fancybox листает и приближает все норм - но только первые 4 миниатюры

см фото 2 (клик по первой миниатюре) ,

см фото 3 (клик по четвертой миниатюре)

обратите внимания, что нумерация фэнсибокс в этом случае работает нормально - первый слайд числится 1, четвертый числится 4
внизу подпись image 1/4 и image 4/4 все норм.


ЕСТЬ НЕСКОЛЬКО БАГОВ:

1)если до клика по любой из четырех миниатюр в карусели нажать на стрелку листания миниатюр в карусели,
например "НАЗАД", то получается:

- первая миниатюра как положено по циклу идет из начала в конец и становится последней по очереди
-соответственно вторая миниатюра перемещается на место первой
-остальные также перемещаются на шаг назад.

см. фото 4

Все нормально, но: теперь при клике по миниатюрам фэнсибокс срабатывает только по слайдерам с рисунками-цифрами 2,3,4....тот слайдер, что был первым по цифре и месту в карусели до поворота и перескочил в конец на место четвертого после поворота (ушел по циклу на второй круг в конец) - на нем фэнсибокс уже не срабатывает, а просто идет стандартный разворот полноразмерной картинки, без fancybox

причем вот как это выглядит ...

кликаю по миниатюре с цифрой 2 (она теперь первая в карусели) - разворачивается норм, и у нее номер image 1/4
см. фото 5

кликаю по миниатюре с цифрой 3 (она теперь вторая в карусели) - разворачивается норм, и у нее номер image 2/4
см. фото 6

кликаю по миниатюре с цифрой 4 (она теперь третья в карусели) - разворачивается норм, и у нее номер image 3/4
см. фото 7

далее пытаюсь перейти к миниатюре с цифрой 1 листанием по стрелке в фэнсибокс "ВПЕРЕД" - открывается снова миниатюра с цифрой 4, и подписана она уже номером image 4/4
см. фото 8

если же дальше кликаю по миниатюре с цифрой 1 (она теперь последняя в карусели) - разворачивается без фэнсибокс
см. фото 9





Если после этого мы делаем еще прокрутку стрелки карусели "назадд", и теперь снова все миниатюры сделали шаг назад - уже только 2 из 4 доступны к фэнсибоксу миниатюры

Как вы уже поняли, если еще сделать шаг в карусели, то фэнсибокс сработает только уже на одном слайде , который не ушел с первоначального экрана (цикла)

все фото прилагаю

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


Уважаемые товарищи программисты, с чем это может быть связано?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
11.03.2018, 15:38
Ответы с готовыми решениями:

Конфликт библиотек слайдера и fancybox
Привет. Не могу решить проблему. Есть на странице несколько скриптов. Подключаю FancyBox (плагин для фотогалереи) - вырубаются другие...

Как поставить fancybox модальное окно слайдера на весь экран в ширину и длину?
Когда открывается модальное окно , то появляется скролл в самый низ и на сколько длина сама страница на столько и скрол стоит . Мне бы...

Fancybox открыть модальное окно, не закрывая первого
Привет. А кто подскажет как сделать так, чтобы во всплывающем окне отправки формы можно было нажать на ссылку с выводом ещё одного...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
11.03.2018, 15:38
Помогаю со студенческими работами здесь

Закрыть fancybox после submit
Есть форма отправки сообщения, как сделать что бы после передачи $_POST форма закрылась? Сделал вот так -<input...

Ошибки в консоли после подключения FancyBox
Здравствуйте! Подключил к сайту FancyBox но он не работает. В js практически ничего не понимаю. Помогите разобраться!

Закрыть окно fancybox после успешного выполнения
Подскажите как сделать? У меня есть форма обратной связи - всплывающее модальное окно, реализованное с помощью fancybox. Данные из этого...

Закрыть окно fancybox после нажатия на submit
при нажатии на ссылку открывается окно-фрейм формы обратной связи. После заполнения и отправки инфы на сервер, мне надо чтобы окно вывело...

Анимация слайдера Owl Carusel 2
Доброго всем дня. Подскажите пожалуйста, как сменить анимацию при прокрутке слайдера. Сейчас это выглядит так: одна картинка сменяет...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru