Как сделать слайдер на JavaScript?

preview_player
Показать описание
Привет! В этом видео я покажу вам как быстро и легко можно сделать слайдер при помощи HTML, CSS и JS. Вам понадобятся только базовые знания вёрстки и js, а так же 7 минут вашего времени.

Все ссылки:

Социальные сети:

Поддержать канал:

Сотрудничество:

Не забудь подписаться!
  1. EduCatter — Канал о Веб-Программировании
  2. html
  3. css
  4. js
  5. создание сайтов
  6. курс по html
Рекомендации по теме
Как сделать слайдер 0:07:35

Как сделать слайдер на JavaScript?

Уроки JavaScript Практика 0:11:54

Уроки JavaScript Практика #8 Как сделать слайдер (Carousel)

Как сделать слайдер 0:05:02

Как сделать слайдер на JS? Слайдер SWIPER. HTML + CSS + JavaScript

Пишем 2 слайдера 0:13:54

Пишем 2 слайдера на JavaScript за 15 минут

Пишем простой слайдер 0:16:13

Пишем простой слайдер на JS и CSS!

Адаптивный слайдер на 0:23:24

Адаптивный слайдер на JavaScript

Как сделать слайдер 0:27:37

Как сделать слайдер на JS?

Бесконечный слайдер на 0:49:06

Бесконечный слайдер на JavaScript. Создание на лету, плавное изменение ширины слайда, request frame...

Галерея изображений с 0:12:34

Галерея изображений с горизонтальной прокруткой || Image Gallery with Horizontal Scrolling using JS...

Слайдер SWIPER. Подробный 0:50:37

Слайдер SWIPER. Подробный курс. Подключение настройка примеры....

Слайдер на JavaScript. 0:39:33

Слайдер на JavaScript. Урок и практика для новичков

Бесконечный слайдер на 0:25:39

Бесконечный слайдер на JavaScript

Простои слайдер для 0:01:31

Простои слайдер для сайта на HTML, CSS и JavaScript

Самый популярный адаптивный 0:21:38

Самый популярный адаптивный слайдер с точками (пагинацией) без библиотек на чистом JS....

Адаптивный слайдер - 0:40:31

Адаптивный слайдер - без знаний Javascript

Пишем простой слайдер 0:32:50

Пишем простой слайдер на JavaScript и CSS! Автоматическое воспроизведение...

Слайдер без знания 0:23:27

Слайдер без знания Javascript

Самый простой слайдер 0:18:12

Самый простой слайдер с автоматическим перелистыванием для своего сайта без библиотек!...

Как сделать слайдер/карусель 0:20:59

Как сделать слайдер/карусель фото как в Instagram на Javascript

Как сделать слайдер 0:12:55

Как сделать слайдер на чистом js?

JavaScript Решает - 0:18:43

JavaScript Решает - бесконечный слайдер

[#ИзиВеб] - Слайдер 0:10:39

[#ИзиВеб] - Слайдер на чистом HTML / CSS за 5 минут

JavaScript Практика #8 0:11:54

JavaScript Практика #8 Как сделать слайдер Carousel

Как сделать слайдер 0:15:38

Как сделать слайдер для контента используя только HTML & CSS || Slider for Content using only CS...

Комментарии
Автор

Перерыл кучу источников, это первый где все абсолютно доходчиво. Автору спасибо огромное, желаю всего самого хорошего и попбольше подобных видео!

ingeniero-dm
Автор

Очень здорово короткий код и понятное объяснение

esken
Автор

Познавательное видео, теперь нужно реализовать булеты снизу

alexdreamer
Автор

У меня в vs code event зачеркивается. Потратив часа 2 на решение проблемы (я первый раз встретилась с js), нашла выход и хотела поделиться, вдруг кому помогу.
в 12 строчке, внутри ( ) впишите event.

ВероникаМарьина-эд
Автор

что то не фига у меня плавно не переключаются картинки (

Агафоний-Трихамудский
Автор

А как сделать так чтоб 3 картинки были видны и через буллиты их переключать, а на разрешении 786рх была одна картинка и появляются 2 стрелочки кнопки?!

АндрейМирзоев-хч
Автор

А как сделать с текстом с левой стороны

ArmanKamitbecov
Автор

разве это слайдер? "slide" - скользить

Monax-govq