CODEWITHSUNDEEP
jqueryslick.js
Georgios
Georgios

Reputation: 1037

Slick Slider with Slider Synching and Sliding only via Arrows

So in the official documentation of the slick-slider in the Slider Syncing section the bottom slider is moving when clicking on a slide.

Is it possible to make the bottom slider only slide on arrow, the left or the right, click?

I have searched the documentation, but could not find anything about this.

enter image description here

The code from the documentation:

 $('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true
});

Upvotes: 0

Views: 844

Answers (1)

Nelson Rodrigues
Nelson Rodrigues

Reputation: 36

Switch focusOnSelect from true to false to disable focus on selected element

Regards

Upvotes: 1

Related Questions