Как сделать несколько переключателей слайдов в slick?

Question

[webov_web]

В слайдере есть несколько элементов, при нажатии на которые должны переключаться слайды (вперёд и назад).

Вот так выглядят элементы

<div id="next1">Вперёд</div>
<div id="next1">Тоже вперёд</div>

<div id="prev1">Назад</div>
<div id="prev1">Тоже назад</div>

Никак не могу сообразить, как привязать эти элементы к событиям вперёд и назад. Документацию читал, но так ничего и не понял.
Как это можно сделать?

Answer 1

[Владимир Проскурин]

У slick есть apI, там есть методы
$("#yourid").slick('slickPrev');
и
$("#yourid").slick('slickNext');
Делаете обработку клика на нужные кнопки, и в нем вызываете нужный метод

$('.next1').click(function() {
   $("#slick_id").slick('slickNext');
});
$('.prev1').click(function() {
   $("#slick_id").slick('slickPrev');
});

И не используйте одинаковый id для больше чем одного элемента. Используйте класс (мой код работает для классов .next1, .prev1)

Comments

[webov_web]

Владимир Проскурин, спасибо за помощь!