Получить консультацию

Кратко о видео

В уроке разобраны шаги подключения FancyBox: назначение класса fancybox виджету Image, вставка CSS и библиотек jQuery + FancyBox в раздел head через настройки сайта, добавление скрипта инициализации через виджет MZ. Показана настройка анимации открытия и кастомные опции. FancyBox инициализируется через jQuery: скрипт ищет все элементы с классом fancybox и подключает к ним лайтбокс. Порядок загрузки важен: сначала jQuery, потом FancyBox CSS, потом FancyBox JS, потом скрипт инициализации. Урок для тех, кто строит портфолио или страницы с галереями изображений. Базовое понимание head-раздела и работы с MZ-виджетом нужно. Для любителей минимализма — в уроке также упомянуты более лёгкие альтернативы FancyBox.

Как сделать галерею изображений в Taptop

Нужна галерея: клик по картинке — открывается полноэкранно, можно листать. В Taptop нет встроенной галереи. Как сделать такую?

Галерея через библиотеку FancyBox: каждому изображению задаётся класс fancybox, в настройках проекта добавляются CSS-стили и ссылки на jQuery и FancyBox, скрипт инициализируется через виджет Embed. Для всех. После просмотра делаешь полноэкранную галерею с листанием за три шага.

Тайминги видео

00:00 — Хочешь, чтобы при нажатии на изображение 00:53 — нему скрипт будет определять, какие изображения 01:47 — третий. Мы должны оставить оставшуюся часть 02:41 — кнопки, про которые я говорил. Есть