У тебя талант объяснять. Очень качественный контент, коротко и ясно без лишней воды, мне кажется даже далёкий человек от программирования сможет понять без проблем. Спасибо большое за уроки!
вы просто супер! столько перерыл, вообще самообразование это такая___ не верьте никому, что информации в интернете куча, вам не узнать на сколько она актуальная пока не узнаете))))) с куратором, преподом, учителем вы сразу учите как работает, а сами вы будете вторым Эдисоном и найдете тысячу способов, которые не работают. Только не надо умничать, типо опыта больше, мне как-то не нужно к опыту знать, что кота в микроволновые греть нельзя. В общем я к чему. эти 16 минут просто были как мана небесная среди всего конвента, посмотрю обязательно следующий о динамическом слайдера, что мне очень нужно.) Вы супер! А остальные учитесь с кем-то, не тратьте время.
Я посмотрел 4 урока как сделать слайдер конкретно на Js и Css, без доп. библиотек и это единственный понятный ролик, который я смог реализовать в последствии и осознать всю конструкцию. Спасибо вам, Алекс Лущенко!
В основном, очень даже хорошо! Нашел то что искал, все просто и понятно, к примеру другие люди обьясняют не понятные команды и функции новичкам, а тут прям не к чему придраться! СПАСИБО!
БОЛЬШОЕ спасибо вам! Сколько видео посмотрел,никак не могу понять механизм слайдера.Только вы смогли мне доходчиво обьяснить сложное для меня тему! Подписался и поставил лайк!
Спасибо большое. Целый день искал примеры слайдера с анимацией, у всех громоздкие примеры по 200+ строк js кода при чем итоговый результат не лучше, а у Вас все кратко и доступно.
Полезный совет: 13:34 мин. видео. Для перемещения строк по документу вверх или вниз, нужно кликнуть ЛКМ между любыми элементами нужной строки(курсор мигает) и удерживая левый Alt перемещать стрелками вверх или вниз. Сделал свой слайдер по Вашему уроку с десятком картинок - получилось.
Вы супер! Всегда всё получается с первого раза! Всё понятно и доступно объясняете. Учусь на front-end разработчика и Ваш канал очень помогает мне справляться с трудностями. Спасибо Вам! Здоровья!
Спасибо за видео! Очень просто и понятно. Я пытался сделать слайдер самостоятельно и всё не мог догадаться как отключить видимость слайдера за пределами родительского блока )
Я вроде не такой уж и новичок но ни разу не пробовал писать слайдер, уже все сделал и лайтбокс адаптивный и галерею динамическую и смену изображения при наведении для товарки а слайдер так и не пробовал , теперь думаю сделаю что-нибудь интересное )) спасибо за урок
Давно уже прошёл все эти начальные темы изучения фронта, но всегда круто по Вашим урокам освежить всё в памяти при необходимости, очень доступно и понятно. Один из лучших каналов по теме!
Спасибо за урок, смотрел много видео но только с этим методом всё просто и понятно. Можете пожалуйста подсказать как сделать чтобы при переходе с последней картинки не было перелистования через все картинки а сразу переходила на первую
Спасибо, самый быстрый способ, везде городят кучу кода и тд, у вас все просто и понятно. Давно подписан на ваш канал, с помощью ваших уроков пишу интернет магазин, вы вносите неоценимый вклад 👍 Подскажите ещё один момент, насколько сложно будет добавить отслеживание Touch событий на слайдере, чтобы работал на смартфонах простым свайпом по фото влево и вправо.
Очень полезно и не сложно в в исполнении, но если добавить ещё одну картинку..... всё рассыпится... , на CMS такое уже не натянешь, ну или с большими ограничениями. Для простого десктопного сайта , или лендинга, самое то! Лайкос в общем!
Александр, спасибо за классные уроки по слайдерам! Но есть вопрос, как сделать автовоспроизведение? Пробую через setInterval и clearInterval, при загрузке страницы проигрывается, но если руками переключить, то перестает проигрываться. Если не использовать clearInterval, сбивается время (сбой или наложение интервалов)... В общем, голову ломаю.
Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.
Есть одна проблема. Нужно как-то залочить слайдер т.к. если нажимать часто на кнопки переключения оффсет меняется быстрее, чем переключается слайдер. То есть есть разница во времени между транзишном и сменой оффсета.
У тебя талант объяснять. Очень качественный контент, коротко и ясно без лишней воды, мне кажется даже далёкий человек от программирования сможет понять без проблем.
Спасибо большое за уроки!
соглашусь, приятно слушать.
@@YaroslavEx Привет, давно изучаешь js?
вы просто супер! столько перерыл, вообще самообразование это такая___ не верьте никому, что информации в интернете куча, вам не узнать на сколько она актуальная пока не узнаете))))) с куратором, преподом, учителем вы сразу учите как работает, а сами вы будете вторым Эдисоном и найдете тысячу способов, которые не работают. Только не надо умничать, типо опыта больше, мне как-то не нужно к опыту знать, что кота в микроволновые греть нельзя. В общем я к чему. эти 16 минут просто были как мана небесная среди всего конвента, посмотрю обязательно следующий о динамическом слайдера, что мне очень нужно.) Вы супер! А остальные учитесь с кем-то, не тратьте время.
Я посмотрел 4 урока как сделать слайдер конкретно на Js и Css, без доп. библиотек и это единственный понятный ролик, который я смог реализовать в последствии и осознать всю конструкцию. Спасибо вам, Алекс Лущенко!
Я просто в шоке от такого грамотного разъяснения. После просмотра урока JS мне показался не таким уж и страшным. Спасибо))
В основном, очень даже хорошо! Нашел то что искал, все просто и понятно, к примеру другие люди обьясняют не понятные команды и функции новичкам, а тут прям не к чему придраться! СПАСИБО!
Насколько же понятно вы объясняете, просто лучший
БОЛЬШОЕ спасибо вам! Сколько видео посмотрел,никак не могу понять механизм слайдера.Только вы смогли мне доходчиво обьяснить сложное для меня тему! Подписался и поставил лайк!
Спасибо большое. Целый день искал примеры слайдера с анимацией, у всех громоздкие примеры по 200+ строк js кода при чем итоговый результат не лучше, а у Вас все кратко и доступно.
Спасибо, хорошо объяснили, что такое слайдер.
Я в восторге от видео, все очень понятно и доступно объяснено
доступно и понятно. Спасибо )
Не зря подписался: чётко, быстро, минимум бла-бла-бла, всё по делу. Спасибо, что Вы есть!!!
Полезный совет: 13:34 мин. видео. Для перемещения строк по документу вверх или вниз, нужно кликнуть ЛКМ между любыми элементами нужной строки(курсор мигает) и удерживая левый Alt перемещать стрелками вверх или вниз. Сделал свой слайдер по Вашему уроку с десятком картинок - получилось.
Алекс подписался на ваш канал
Лучшего преподавания программирования я не видел!
Спасибо
Супер! Огромное спасибо. Делаю сайт, все делаю на чистом js, не в первый раз выручаете.
Вы супер! Всегда всё получается с первого раза! Всё понятно и доступно объясняете. Учусь на front-end разработчика и Ваш канал очень помогает мне справляться с трудностями. Спасибо Вам! Здоровья!
Этот канал просто находка) Благодарю!
Александр спасибо большое, очень просто все объяснили. Лучший урок на ютубе.
Это самое простое и доступное видео про слайдер, которое я видел
ВСЕ ЧОТКО, то что надо без воды!!!!!Люблю! Спасибо, всегда выручают ваши простые уроки и js не кажется таким злодеем.
От души. Теперь всё понятно . Написал свой первый слайдер.
Спасибо за видео! Очень просто и понятно. Я пытался сделать слайдер самостоятельно и всё не мог догадаться как отключить видимость слайдера за пределами родительского блока )
отлично - смотрю 5-ое видео про слайдер и только тут все стало понятно) спасибо!
Спасибо. Учусь у вас 5 дней!
Это лучшее, что есть в онлайн обучении!!
Откуда у вас на все хватает времени?))
Да просто не сплю
Уже 3 года.
@@itgid а так можно?))
Шикарно! Просто шикарно! Спасибо Вам!!!
О, прикольно! Всегда интересно смотреть на Вашем канале такие мини-видео-лайфхаки.
Спасибо вам огромное за столь понятное объяснение!
Всех с 2021 годом. Интересно было посмотреть такой или примерно слайдер с подгрузкой контента из базы данных
Лучший видеоролик о слайдерах на чистом js! Удачи автору!!!
Спасибо! Всё просто и доходчиво, без лишних нюансов. Новичкам особенно актуальная такая подача информации
Спасибо большое, как же приятно смотреть такие видео всё быстро, понятно , без воды и главное что работает спасибо вам большое!!!
Спасибо. Здоровья Вам и процветание каналу.
Спасибо вам большое, Алекс) слайдер, JS, css
Какой же ты крутой! Все понятно, весь код объясняешь!
Спасибо! Очень понятно и доступно. Получилось реализовать в моём учебном проекте.
спасибо огромное! получилось! а главное - понял как это вообще работает)
Огромное спасибо, Александр, отличное объяснение, обнял.
Я вроде не такой уж и новичок но ни разу не пробовал писать слайдер, уже все сделал и лайтбокс адаптивный и галерею динамическую и смену изображения при наведении для товарки а слайдер так и не пробовал , теперь думаю сделаю что-нибудь интересное )) спасибо за урок
Самое простое объяснение, спасибо за ваш труд !
Супер! Огромное спасибо! Просто, функционально, доступно для понимания новичку и что самое главное без "черной магии")))
Всегда приятно смотреть и учиться у вас. Спасибо большое.
Круто, жду следующий ролик!
Боже мой!!! Как здорово, что я Вас нашла!!! огромное СПАСИБО!!!, за очень доступное и подробное объяснение!!!
Наташа Таранина меняет профессию
Спасибо большое! Все предельно понятно. И все работает!
Жду с нетерпением дальше уроков по слайдерам
Скажите пожалуйста, как сделать чтобы ширина общего блока была не только для одной картины, например для 5 ти ?
Спасибо, что вы делаете из магии простые вещи!
Давно уже прошёл все эти начальные темы изучения фронта, но всегда круто по Вашим урокам освежить всё в памяти при необходимости, очень доступно и понятно. Один из лучших каналов по теме!
Работаете во фронте?
@@DmytroToropда
Спасибо за ваши уроки. Доступно и понятно даже новичкам.
Спасибо - именно в этом и вижу цель канала - учить начинающих.
@@itgid И у Вас это великолепно получается ) я как ваш студент могу это подтвердить )
спасибо большое помогли )
Очень круто объяснено!!
Видео достойное лайка! Всё четко и понятно! Это как раз то, что нужно для новичков!
Спасибо за урок, смотрел много видео но только с этим методом всё просто и понятно. Можете пожалуйста подсказать как сделать чтобы при переходе с последней картинки не было перелистования через все картинки а сразу переходила на первую
Очень крутое видео. Интересно и полезно.
Спасибо за доступное объяснение!!!
Очень подробно и просто! Спасибо!
Спасибо, самый быстрый способ, везде городят кучу кода и тд, у вас все просто и понятно. Давно подписан на ваш канал, с помощью ваших уроков пишу интернет магазин, вы вносите неоценимый вклад 👍
Подскажите ещё один момент, насколько сложно будет добавить отслеживание Touch событий на слайдере, чтобы работал на смартфонах простым свайпом по фото влево и вправо.
не сложно совсем. Этот слайдер даже на смартах с тачем сработает. А swipe требует дописать пару функий.
@@itgid Если будет в дальнейшем ваш урок с этим, то будет супер! Спасибо вам!
Спасибо) То что нужно!
Спасибо!
Обожаю ваши объяснения. Вы учитель от Бога. Большое спасибо.
а как сделать стрелки если не трудно жду ответа 🙏
Привет, хороший канал в плане подачи, голоса и знаний, особенно для падаванов и джунов... Как всегда лайк
Спасибо автору и Всем успехов
У меня почему то ошибка вылазит
Очень интересует слайдер с фото разных размеров, автору здоровья и процветания в Новом году!
супер, отличная подача материала.
спасибо Вам большое за урок!
Сенсей ты лучший !
Нужна помощь, как сделать чтобы этот код применялся не на первый класс который он увидел, а на все?
плохо что картинки от первой к последней скачут через все промежуточные
Крут! Хорошо пояснил!
style.left не котируется VS. Cannot read property 'style' of null at HTMLButtonElement.
не думал что на CSS так можно юзать JS...лайк однозначно, а новичкам можно в качестве портфолио на git.hub заливать, что собственно я и сделаю ))
Очень полезно и не сложно в в исполнении, но если добавить ещё одну картинку..... всё рассыпится... , на CMS такое уже не натянешь, ну или с большими ограничениями. Для простого десктопного сайта , или лендинга, самое то! Лайкос в общем!
Очень понятно спасибо)
Благодарю за понятный урок :)
Имба! Спасибо за и информацию
как всегда лучшая подача материала, очень было бы интересно посмотреть как делать окна которые можно скрыть и развернуть при нажатии кнопки
Добрый день. Подскажите пожалуйста, а как два их запустить на одной странице? Названия классов менял, но не получается(
Пожалуйста, указывайте ссылку где вы берёте фото для видео.
Александр, спасибо за классные уроки по слайдерам! Но есть вопрос, как сделать автовоспроизведение? Пробую через setInterval и clearInterval, при загрузке страницы проигрывается, но если руками переключить, то перестает проигрываться. Если не использовать clearInterval, сбивается время (сбой или наложение интервалов)... В общем, голову ломаю.
Блестящщее!!!
От души, спасибо!!)))
Очень полезно, спасибо!
Ура,класс 👍👍👍👍
а почему если дублировать слайдер на странице то дубль не работает? просто мне надо их несколько на странице
Вот она магия!) спасибо
Приветствую. Помогите пожалуйста разобраться. Верстая сайт возникла проблема. Есть ссылки на другие страницы сайта и есть слайдер на сайте. При нормальнй работе слайдера или вообще работе всех скриптов с добавлением js перестают работать ссылки на другие страницы сайта, при комментировании скрипта с js перестает работать всё что связано с js, но начинают работать ссылки. Надеюсь понятно объяснил)) Прошу помощи в этом вопросе.
Большое спасибо!
Вау. Простое решение. Вопросик встречный есть. Видел похожие слайдеры с бесконечной лентой: за последним кадром шел первый и т.д. Как этого добиться?
супер, а как сделать, что бы каждый раз на клик 'next' первый слайд перебегал в конец массивая, типо бесконечый слайдер
а это сделаем в следующем видео!
Спасибо! Класс!👍👍👍👍
Вы прекрасны
Прикольно. Получилось)
Спасибо, супер видео. У меня все получилось. Подскажите у Вас есть видео где вы подробно рассказываете про все css?
Вроде можно было бы сделать один метод внутри которого проверять какая именно кнопка нажата и считать на ее основе уже offset
Есть одна проблема. Нужно как-то залочить слайдер т.к. если нажимать часто на кнопки переключения оффсет меняется быстрее, чем переключается слайдер. То есть есть разница во времени между транзишном и сменой оффсета.
Тут помогут события transitionstart и transitionend (prev, next - функции меняющие left у sliderLine):
nextBtn.addEventListener("click", next);
prevBtn.addEventListener("click", prev);
sliderLine.addEventListener("transitionstart", () => {
nextBtn.removeEventListener("click", next);
prevBtn.removeEventListener("click", prev);
});
sliderLine.addEventListener("transitionend", () => {
nextBtn.addEventListener("click", next);
prevBtn.addEventListener("click", prev);
});
Бля как же просто вы объясняете…респект
спасибо за видео
ну вот то что надо же! спасибо
Спасибо))) Очень понятно)))