CODEWITHSUNDEEP
javascriptjqueryslick.js
kris
kris

Reputation: 55

Custom navigation in slick.js slider

I want to have a navigation like this:

<div style="margin-top:122px; display: flex; justify-content: space-between; width:124px">
    <a href="#">01.</a>
    <a href="#">02.</a>
    <a href="#">03.</a>
</div>
01. 02. 03.

When I click on one of the anchors I want to show slide with than index. I already implemented nextArrow and prevArrow. But I don't see in documentation any method like setIndex or something.

How can I achieve this result?

Upvotes: 0

Views: 7328

Answers (1)

Narigo
Narigo

Reputation: 3101

According to the documentation on the slick-slider demo page, there is a method called slickGoTo that takes the index of the slide you want to show.

Upvotes: 1

Related Questions