Как правильно написать функцию JS для работы с несколькими слайдерами?

Question

[DmitryKomkov]

Необходимо написать функцию, которая бы работала сразу с несколькими слайдерами независимо друг от друга. Взял код для функции с этого источника: https://www.w3schools.com/howto/tryit.asp?filename...

Проблема в том, что в проекте должно быть 6 блоков с разными слайдами, а при работе данная функция работает только с одним, пока не дойдет очередь (итерация) до следующего блока, остальные остаются неактивными с display: none. То есть, получается, она принимает в себя фотографии со всех блоков сразу.

Я совсем новичок в программировании, поэтому могу не совсем корректно задавать вопросы))
Надеюсь на помощь в решении данной задачи.

Comments

[DmitryKomkov]

Вот, собственно, скрины реализации данной карусели. На фото видно, что работает он, мягко говоря, некорректно))

Answer 1

[Lord_Dantes]

Если у вас 6 блоков слайдеров я бы посоветовал использовать owl.carousel и потом просто инициилизировать каждый слайдер и все прекрасно заработает :)

Comments

[DmitryKomkov]

А если без owl.carousel , можно как то с этой функцией поработать? )

[Lord_Dantes]

DmitryKomkov, хз зачем целую функцию выделать под слайдеры. Велосипедами занимаетесь?)