|
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
|
|
| 11.03.2018, 15:38 | |
|
Ответы с готовыми решениями:
0
Как поставить fancybox модальное окно слайдера на весь экран в ширину и длину? Fancybox открыть модальное окно, не закрывая первого |
| 11.03.2018, 15:38 | |
|
Помогаю со студенческими работами здесь
1
Закрыть fancybox после submit Ошибки в консоли после подключения FancyBox
Закрыть окно fancybox после нажатия на submit Анимация слайдера Owl Carusel 2 Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
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(), которая. . .
|