Несколько динамически добавленных ползунков Cycle2 на одной странице с помощью кнопок навигации
Я использую Cycle2 для шаблона. Пользователь может добавить столько же ползунков на той же странице, сколько они хотят. Проблема в том, что кнопки навигации на слайдере 1 также перемещают слайды на слайдере 2: слайдеры не являются независимыми.
Поскольку ползунки добавляются динамически, я не могу просто разместить в коде несколько ползунков с разными идентификаторами или что-то в этом роде. Это должно быть сделано и динамически (я полагаю). Но это то, что выходит за рамки моих навыков кодирования...
Не могли бы вы помочь мне?
Это код для слайдера:
<div class="cycle-slideshow afbeeldingen-slider" data-cycle-fx="scrollHorz" data-cycle-slides="> div" data-cycle-prev=".cycle-prev" data-cycle-next=".cycle-next" data-cycle-timeout="0">
{% for afbeelding_voor_slider in afbeelding_slider.afbeeldingen_toevoegen %}
{% include afbeelding_voor_slider %}
{% endfor %}
<span class="buttons-wrapper">
<span class="cycle-prev"> <i class="material-icons"> arrow_back </i></span>
<span class="cycle-next"> <i class="material-icons"> arrow_forward </i></span>
</span>
</div>
Это Github для Cycle2: https://github.com/malsup/cycle2
Надеюсь, у вас достаточно информации для работы. Дай мне знать если тебе нужно что-нибудь еще!
Дэвид