Создание сайта с нуля. Урок 17 - Верстка. Плавная pop-up галерея

Это 17-й урок по созданию сайта с нуля под ключ на заказ и сегодня мы поработаем над красивой попап галереей, выполненной с использованием плагина Magnific Popup.

Таймкоды:
00:00 Начало урока
00:47 Обновления файлов урока
01:44 Скачивание и подключение плагина Magnific Popup
12:29 Работа с плагином в JS-файле проекта
13:24 Создание галереи (перелистывание изображений)
14:24 Плавное появление pop-up галереи
17:54 Стилизация прелоадера изображений
21:14 Создание второй галереи (сертификаты)

[hvlrlxi]

Спасибо за интересный урок. Как программист не могу не добавить маленькое усовершенствование :-) Приличный по размеру фрагмент jQuery кода можно было не дублировать для двух разных галерей. А создать функцию с одним параметром - именем класса галереи. А потом 2 раза ее вызвать. ИМХО будет красивее.

[ooqrvzc]

Незнайка почему но у меня никак не хотят появляться ушки в галерее

[mastersnov]

Спасибо за видео, а почему именно выбран магнифик поп-ап?

[SergeySavchenko]

Приветствую! Столкнулся со следующей проблемой: если перезапустить gulp, то в файле libs.js затираются все изменения и вставленный код magnific popup пропадает... Подскажите, в чем проблема?

[bqmxyzp]

скрипт подключился, но работает как-то не так, окно с фото над шапкой сайта открывается