Сделай своими руками
Добро пожаловать
Вход / Регистрация

5 Урок. Делаем 2 слайдера на OwlCarousel. Кастомизация слайдера. Серия уроков HTML верстка из PSD

Спасибо! Поделитесь с друзьями!

URL

Вам не понравилось видео. Спасибо за то что поделились своим мнением!

К сожалению, только зарегистрированные пользователи могут создавать списки воспроизведения.
URL


Добавлено от Admin В Как сделать
38 Просмотры

Описание

Подключение слайдера OwlCarousel. Таймкоды и макет в описании.
Бесплатный виджет обратной связи на сайт: [ссылка удалена]?l=1

Верстаем и подключаем два слайдера на страницу. Кастомизация, свои контролы и отслеживания событий в слайдере owlCarousel.

• • •

Надежный хостинг для ваших сайтов HandyHost. Ссылка с промокодом на 2 бесплатных месяца хостинга: [ссылка удалена]?ref=31808

• • •

ТАЙМ КОДЫ К ВИДЕО:

00:00 Введение и план урока
02:27 Изменяем структуру шапки

Слайдер в шапке

10:44 Подключение слайдера в шапке
16:26 Своя разметка для слайдера
19:20 Кастомизация слайдера
31:12 Контролы
32:10 Кастомные контролы, события для слайдера OwlCarousel
37:41 Отслежтивание событий в слайдере, счетчик слайдов

Слайдер с бордами

51:20 Обзор дизайна и реализации
54:40 Ращзметка для слайдера
01:00:00 Скрипт подключения
01:02:00 Кастомизация слайдера, работа с разметкой и стилями
01:10:00 Контролы для слайдера
01:26:17 Правки. Линии поверх фона с картинкой.
01:35:00 Правка ширины картинок

• • •

???? Бесплатный курс по верстке сайтов: [ссылка удалена]

???? Курс для начинающих "Профессия: Верстальщик": [ссылка удалена]

???? Продвинутый курс "Веб-разработчик. Frontend и Backend": [ссылка удалена]

???? Сайт школы: [ссылка удалена]
???? Наша группа Вконтакте: [ссылка удалена]
???? Телеграм-чат для верстальщиков: https://t-[ссылка удалена]

Написать комментарий

Комментарии

Комментариев нет.
Яндекс.Метрика