Что добавить, чтобы слайдеры не влияли на функциональность друг друга?

Question

[Максим Пичугин]

Подскажите, пожалуйста, что нужно добавить в код, чтобы если я использую слайдеры в нескольких div-ах, с одним и тем же классом функционал слайдеров не зависел друг от друга. С JS опыта очень мало, поэтому не знаю как сделать.
В браузере ничего не нашел, может быть у вас будут идеи как можно это реализовать?



За любой ответ заранее благодарю.

Comments

[Сергей delphinpro]

Выбираем элементы .slider
Циклом (forEach) перебираем их
Внутри цикла инициализируем каждый слайдер, отталкиваясь именно от текущего обрабатываемого элемента. Т.е. отдельные слайды ищем не в document, а в текущем .slider.

Answer 1

[Konfy]

Создавать слайдеры с нуля - неблагодарное дело. Возьми лучше Slick
По поводу вопроса:

Comments

[Максим Пичугин]

Благодарю за ответ, и за рекомендацию насчет Slick. Попробую Slick использовать.

[Froggyweb]

Создавать слайдеры с нуля - неблагодарное дело.
напиши это автору Slick. :)