Учим Java Script 12. Создаем слайдер

WebDev с нуля. Канал Алекса Лущенко · 110K views · 2016 · 19:50

Open on YouTube

Web developmentEducation & learningtutorial

Why Stack Overflow на русском recommends it

Stack Overflow in Russian users link it when someone asks for a ready-made slider and answerers would rather point them to a walkthrough of how one is built.

Recommended by 2 people across 2 different months, 2019 to 2020.

What it is

A Russian-language beginner JavaScript tutorial, part 12 of a series, that walks through building a simple image slider from scratch. It is presented by Alex Lushchenko on the WebDev с нуля channel and runs about 20 minutes.

What people said

Recommends Iamready · 2019-05 · Stack Overflow на русском · on “Как убрать перенос элементов на новую строку”

Вы просите написать готовый слайдер. Вряд ли кто-то захочет тратить своё время на это, как и я, поэтому я просто советую Вам посмотреть принцип его создания на ютубе [this video] или поискать в интернете способы создания слайдера на css [LINK] , а если знаете jquery/js, то можно и на js [LINK] . Вот самый простой и доступный пример слайдера [LINK] , который лично я видел в первые минуты поиска в интернете. Возникшие вопросы по методам можно (не всегда без труда) попытаться прояснить [LINK] . Сделав это своими руками - вы поймете принцип его создания и самое главное - запомните как это должно выглядеть.

Recommends Daniil Screpchenko · 2019-10 · Stack Overflow на русском · on “Проблема переключения слайдов JavaScript”

Лучше все переделать и сделать все слайды подряд с помощью css а потом просто с помощью js получать количество слайдов, задать их размер в пикселях и создать переменную со значением сдвига (по умолчанию = 0, например left). Потом просто по клику на стрелку увеличивать переменную left на ширину слайда и задавать родительскому диву позицию left: -200px например, потом left: -400px; и например всего слайдов 5, max_left 5*200 (пусть каждый слайд будет по 200 пикселей). и дальше if (left > max_left) {left = 0} Лучше посмотрите данное видео: Как создать слайдер [this video]

Cites BERSERKER · 2020-01 · Stack Overflow на русском · on “Ошибка в Js слайдер помогите разобраться пожалуйста”

Я не давно начал изучать JS обьясни плиз по подробней ? у него в гайде всё работает [this video] и я не понимаю что значит window.addEventListener("load", function() что они означают ?