Дублирующийся слайдер. Не отрабатывает второй раз код.

Question

Дублирующийся слайдер. Не отрабатывает второй раз код.

Ольга П. Знаток (273), на голосовании 8 лет назад

Обращаюсь к гуру, так как сам ламер в джаваскрипте. Причем полный ламер.
Пытаюсь прикрутить слайдер. Одна штука слайдера работает исправно. Если копирую код, то второй слайдер не рисуется. Изгуглился, но не нашел ответа, как сделать, чтобы скрипт работал второй раз, и третий, если надо.

Итак, имею вот такой джаваскриптовый код:

По нему выполняется такой код:

код, код, код

Надо:
Блок MAIN с его содержимым выводится динамически энное число раз. Как сделать, чтобы и скрипт энное число раз выводил мне слайдер?

Делал так несколько раз:

код, код, код

Все равно работает один раз.

Присоветуйте плиз. Цель - вывести слайдер несколько раз на странице. Количество раз динамическое.

Answer 1

Код не видно. Но скорее всего, если ты просто копируешь - тебе надо указать уникальные селекторы, в который производится "рисовка" слайдера.
т. е. у тебя id = " sldier "
значит во втором делаешь
id = " slider2 "
И, когда инициализируешь второй и далее слайдеры, передаешь им имя этого селектора.

Answer 2

Вывод - слайдер дерьмо и не поддерживает несколько слайдеров на странице. Или вы неправильно что то делаете, например:
1) Изначально кода второго слайдера на странице нет - вы добавляете его позже (средствами js) - или этот слайдер display:none - т. е. инициализация слайдера происходит когда второго блока main - нет на странице.

Советую использовать нормальные плагины, могу посоветовать slick slider - работает идеально