Создаем слайдер карусель для сайта / Плагин Slick
Автор: Code Lab - Уроки по программированию
Загружено: 2022-11-02
Просмотров: 2450
Описание:
🌐 Наш сайт: https://codelab.pro/
💬 Группа в Telegram: https://t.me/codelab_channel
––––––––––––––––––––––––––––––
📋 Кратко, о чем это видео
Карусельный слайдер — это тип слайдера, который позволяет пользователям прокручивать серию изображений или другой контент. Обычно используются на веб-сайтах для демонстрации продуктов, услуг или фотографий.
В этом видео мы сделаем слайдер карусель, который будет:
1. Отображать три слайда за раз
2. Все слайды кроме центрального (активного) — полупрозрачные
3. Есть кнопки управления слайдером
4. Отображается номер текущего слайда и общее количество слайдов
––––––––––––––––––––––––––––––
📌 Полезные ссылки
Статья про слайдер карусель ➝ https://codelab.pro/sozdaem-slajder-k...
Мой сайт ➝ https://codelab.pro
Мой telegram-канал ➝ https://t.me/codelab_channel
––––––––––––––––––––––––––––––
🕒 Таймкоды из видео
0:00 Демонстрация слайдера карусели
1:11 Подключение библиотеки через CDN
1:54 Разметка слайдера
3:02 Скрипт для работы слайдера
4:42 Стилизация слайдера
6:37 Добавляем кнопки управления
10:17 Добавляем счетчик слайдов
15:57 Завершение
––––––––––––––––––––––––––––––
💻 Промокоды на хостинг
https://timeweb.com/ru/?i=106411
FREELAB — для получения 1 месяца хостинга при оплате хостинга на 1 год.
PROLAB — для получения 3 месяцев хостинга при оплате хостинга на 2 года.
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: