Лучший слайдер для сайта на чистом JS! Подробный обзор плагина Swiper js
Привет! В этом видео - большой обзор лучшего (на мой взгляд) слайдера для сайта - ! Он написан на чистом js, имеет кучу настроек и очень удобен в использовании. Устраивайся поудобнее, в ближайший час я расскажу все самое основное при работе с данным плагином :)
- Все примеры в одном месте, на GitHub :)
- оф. сайт плагина
Содержание:
00:00 - Вступление
00:35 - Базовый слайдер (кол-во слайдов, их группировка, стили кнопок и точек)
18:00 - Выносим кнопки из слайдера
22:30 - Цифровая пагинация
24:13 - Автоплей слайдера
24:57 - Адаптация под разные устройства
27:50 - Делаем разную ширину слайдов
29:48 - Слайдер с увеличенным слайдом в центре
32:39 - Слайдер с тремя выделенными слайдами в центре
34:20 - Lazy load
37:23 - Вертикальный слайдер с превью
45:40 - Как сделать свои классы у слайдера
48:34 - Методы и события
56:34 - Как сделать несколько слайдеров на одной странице
01:02:30 - Слайдер на фоне секции с fade-эффектом
01:06:04 - Превращение в слайдер на мобильных устройствах
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось?
Моя страница вконтакте:
Моя группа по верстке сайтов:
Мой блог:
Мой сайт:
Канал в телеграм:
Чат для верстальщиков:
#обучение #swiperjs #слайдер
1 view
483
87
2 months ago 00:38:51 1
Смартфоны из будущего! Обзор Nubia Z60 Ultra Leading Version и сравнение с Nubia Z60S Pro
2 months ago 00:14:19 4
4x4 Лучший в мире автодом. Полная автоматизация. 2 слайдера. На 5 спальных мест. Thor Magnitude XG32
3 months ago 00:21:00 1
Путешественник во времени из 2345 года раскрывает неожиданное будущее! | RUSSIAN | Superstar STEM
3 months ago 00:16:14 1
Как бегать в - 57, марафон о котором ты не знал. Оймякон, Саха
3 months ago 00:32:31 9
Мои ягодицы горели 🔥 30-минутная тренировка дома с тренером
3 months ago 00:02:53 1
ПРИНЯЛИ ПОЛИЦЕЙСКИЕ | СТАНТ НА СКУТЕРЕ | СТАНТ НА ПИТБАЙКЕ
3 months ago 00:14:04 1
Что не так с автофокусом камер SONY?
3 months ago 00:29:52 1
Ночевка у реки в автодоме слайдере и рыбалка 2024
3 months ago 00:12:03 1
ОШИБКИ НОВИЧКА И КАК ИХ ИЗБЕЖАТЬ! КАК СНЯТЬ ГЕЛЬ-ЛАК АППАРАТОМ САМОЙ СЕБЕ БЕЗ ПРОПИЛОВ / пошагово
3 months ago 00:01:05 1
Turbo Sliders Unlimited Trailer (without intro)
3 months ago 00:13:23 1
Новый флагман среди кабриолетов на воде. Алюминиевый катер Victory А7!Сделано в России #катер #яхта
4 months ago 00:18:15 23
🎁 Коробка ПРИЗОВ за ЛУЧШИЙ МОНТАЖ
4 months ago 00:33:11 1
История краха Sony Ericsson
4 months ago 00:12:36 38
ANX018. Конструктор слайдеров для Тильды
4 months ago 00:06:33 8
ANX014. Конструктор прелоадеров и переходов между страницами в Тильде
4 months ago 00:41:17 10
ANX015. Конструктор меню для Тильды — Техническая инструкция после обновления
4 months ago 00:09:54 6
ANX015. Конструктор меню в Тильде
4 months ago 00:05:27 10
ANX013. Конструктор курсоров в Тильде
4 months ago 00:20:08 15
ANX011. Конструктор видео для Тильды
4 months ago 00:11:39 3
ANX012. Конструктор паттернов в Тильде
4 months ago 00:21:27 1
Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и необычный эффект для фото