Слайдер в модальном окне

Слайдер в модальном окне

Прямой эфир

haro1 13 марта 2020, 06:46

SolderM 10 марта 2020, 16:26

shden 10 марта 2020, 14:54

SolderM 9 марта 2020, 21:35

Galaydas 7 марта 2020, 13:55

tiptop 5 марта 2020, 04:41

tiptop 2 марта 2020, 15:01

Инфо о авторе топика

Топики пользователя

Вопросы

Категории

Подразделы блога

Блоги

  • Готовые дополнения для MODX148
  • Проект MODX.im50
  • Оформления для frontend’a и backend’a41
  • Для модераторов13
  • Интегрированные среды разработки (IDE)13
  • MODX custom by Dmi3yy51
  • bid-cart24
  • Социальная сеть12
  • MODX Cloud8
  • Юмор10
  • Краундфандинг2
  • Быстрые решения101
  • В разработке47
  • Вопросы765
  • Обьявления о работе282
  • Безопасность81
  • Новости70
  • Tips & tricks89
  • Сайты на MODX46
  • Форки MODX26
  • Документация и уроки63
  • Эксперименты и исследования58
  • evoShop3

Что-то никак не соображу, как подобное можно сделать. Это типа как каталог, выводятся карточки товаров из раздела, их изображения.

И при нажатии на изображение должен открываться этот же слайдер, но в модальном окне, с другим шаблоном — добавится вывод новых полей, изображения будут увеличены и т.д. Как подобное сделать? В голове вертится выводить 2 шаблона и один скрывать…

  • lohmatiy
  • 22 октября 2017, 13:40
    0 0 0

9 комментариев

Правильно заданный вопрос — половина ответа. Ключ в том что в модальном окне будет открывать другой слайдер, с таким же контентом — в этом направлении и нужно думать. Если вы сделали один слайдер, то сделаете и второй — как их связать зависит от того что вам нужно и какой скрипт вы используете в качестве слайдера.

Вариантов на самом деле вагон и маленькая тележка, от простого — зашить второй слайдер в текущую страницу, до варианта с отдельным URL для этого слайдера и загрузкой его по AJAX. Просто слайдер можно так же построить в модальном окне собрав данные о изображениях из HTML или предварительно передав их на страницу в формате JSON.

  • vasenin26
  • 22 октября 2017, 15:21
Читайте также:  Материнская плата asus z97 pro

то есть по клику на элемент сдайдера можно в модальное окно передать какой-либо селектор. Это как раз то, что мне нужно — передать обертку слайдера со всеми потрохами. Осталось только это все завести, потому что пока Uncaught TypeError: $.fancybox is not a function при подключенных скриптах

  • lohmatiy
  • 22 октября 2017, 15:29

Двойное включение Jquery, либо присутствует mootools, а jQuery в режиме совместимости работает.

Please complete the security check to access codepen.io

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Cloudflare Ray ID: 5747bd1e7f3a9c3f • Your IP : 5.45.65.94 • Performance & security by Cloudflare

Что я хочу сделать. На странице очень много мелких картинок. При клике на одну из них, открывается модальное окно со слайдером внутри. В слайдере представлены все картинки существующие на странице, при чем первым слайдом будет та картинка, по которой кликнули. Но я завис на очень раннем этапе. Я уверен, что-то похожее уже делали, я не смог найти. Буду благодарен, если ткнете носом.

Ссылка на основную публикацию
Сколько человек сидит в одноклассниках
Mail.Ru Group исследовала и сравнила аудитории самых популярных в России социальных сетей — «Одноклассники», «Мой Мир», «ВКонтакте», Facebook и Twitter....
Сигнал flash в телефоне panasonic
● 19.12.08 13:08 - krepsky - 9 / 19.12.08 Два дня ломаю голову… Такая ситуация - купили партию телефонов Panasonic...
Сигналы материнской платы при загрузке
BIOS (Basic Input/Output System – базовая система ввода-вывода). Программа системного уровня, предназначенная для первоначального запуска компьютера, настройки оборудования и обеспечения...
Сколько четырехзначных чисел можно составить из нечетных
Условие Решение 1 Решение 2 Решение 3 Поиск в решебнике Популярные решебники Издатель: Н. Я. Виленкин, В. И. Жохов, А....
Adblock detector