Все курсы в одном комплекте: Веб-дизайн с нейросетями: В этом уроке мы рассмотрим самый простой и лаконичный способ создания красивой галереи изображений на сайте с перелистыванием. Страница урока: Создание плавающей галереи: Таймкоды: 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 Что еще изучить? Телеграм: #programming #webdevelopment #design Спасибо за просмотр видео Создание красивой галереи на сайте (HTML CSS JavaScript)
Hide player controls
Hide resume playing