Адаптивная галерею для сайта - Слайдер фото на JS
КОНЧИК! Щелкните правой кнопкой мыши и выберите "Save link as..." для загрузки.
📋 Кратко, о чем это видео
Мы напишем с нуля слайдер фото на JS. Делать данный слайдер будем для сетки фотографий, которую создали в первом видео. Слайдер позволит нам вывести полноразмерное фото, а также поочередно просматривать все, что мы вывели в сетку.
––––––––––––––––––––––––––––––
📌 Полезные ссылки
Готовый код из видео (с объяснением) ➝ https://codelab.pro/adaptivnaya-galereya-dlya-sajta
Стартовый проект ➝ https://github.com/toni-wheel/youtube-base
––––––––––––––––––––––––––––––
🕒 Таймкоды из видео
0:00 - Демонстрация слайдера фото на JS
0:56 - Базовая разметка и стили для слайдера
4:54 - Скрипт для отображения слайдера
8:26 - Скрипт для отображения фото в слайдере
13:03 - Делаем кнопки для слайдера
18:44 - Обработчики для кнопок
26:43 - Завершение