Слайдер из Zero Block | SwiperJS | Часть 1 | Автопролистывание — испытываем терпение пользователя?

#css #tildapublishing #слайдеры #zeroblock В этом видео мы реализуем слайдер со своими кнопками управления из Zero Block используя библиотеку Swiper JS. Также реализуем счетчик слайдов и таймер обратного отчета при включенном автопроигровании. Telegram канал:
---------------------------------------------------- Ссылки: Easing Functions Cheat Sheet:
The Most Modern Mobile Touch Slider:
---------------------------------------------------- Содержание 00:00:00 - Вступление/Функционал слайдера 00:02:24 - Документация Swiper JS / Создание главной обертки 00:12:00 - Создаем слайды / Добавляем CSS классы 00:19:49 - Инициализация свайпера / Разбор скрипта 00:25:54 - Параметры Direction / Loop / Navigation / Speed /Pagination - добавление счетчика слайдов 00:33:50 - Параметры Effects 00:37:44 - Параметр Autoplay. Недостатки автопроигрывания. Как выбрать правильный тайминг 00:44:14 - Таймер обратного отсчета для Autoplay 00:49:14 - Параметр Breakpoints 00:52:19 - Параметры allowTouchMove / followFinger / grabCursor 00:57:00 - Анимация текста. Пишем CSS 01:02:00 - Лайфхак с затемнением изображения 01:03:54 - Неактивня кнопка при отсутствии слайдов 01:06:32 - Делаем вторую галерею 01:11:54 - Финальное слово Меня зовут Александр. Я UI дизайнер, который любит разбираться в CSS и практиковаться на Tilda. Я хочу помочь вам сделать ваши проекты более интересными с помощью полезных свойств CSS Мой канал:www.youtube.com/@AGDSGN