Создание красивой галереи на сайте (HTML CSS JavaScript)

💥 Все курсы в одном комплекте: https://webdesign-master.ru/bundle_courses В этом уроке мы рассмотрим самый простой и лаконичный способ создания красивой галереи изображений на сайте с перелистыванием. Страница урока: https://webdesign-master.ru/blog/html-css/image-gallery-lesson.html Создание сайта с плавающей галереей: https://vk.com/video-90356326_456239506 Таймкоды: 00:00 Начало урока 00:36 Обзор материалов урока 01:06 Приступаем к созданию всплывающего окна 01:18 Запускаем рабочий сервер для разработки 01:38 Подготовка HTML разметки сайта для попап окна 02:41 Доработка CSS стилей плиток портфолио 03:17 Подключение библиотеки PhotoSwipe 04:48 Настройка параметров JavaScript библиотеки 05:59 Подключение CSS стилей библиотеки 06:43 Обязательные атрибуты в HTML верстке 07:35 Определение размеров изображений в JS 10:22 Дорабатываем HTML код, указывая нужные картинки 11:00 Анимация перелистывания между фотографиями 14:38 Что еще изучить? ВКонтакте: https://vk.com/jediweb Телеграм: https://t.me/jediweb Дзен: https://dzen.ru/jediweb

Видео Создание красивой галереи на сайте (HTML CSS JavaScript) автора WebDesign Master