Click slide to advance to center position?

Such a great plugin, thanks.

In center mode, it would be nice to be able to click on a visible slide to promote it to the active position. Can you suggest an approach for this?

I added a ‘data-slide-index’ attribute to the slides manually and tried something like this…

$('.slick-slide').on('click', function(e){
  var slideIndex = $(this).data('slide-index');
  $('#my-carousel').slickGoTo(slideIndex);
});

But of course this all goes out the window once the cloned slides are taken into account. Suggestion?

[ssundheim]

Stefencova, thanks for getting me on the right track. That almost worked for me. I found better luck using the custom attribute ‘data-slick-index’ set by slick on each slide:

  $('.slick-slider').on('click', '.slick-slide', function (e) {
    e.stopPropagation();
    var index = $(this).data("slick-index");
    if ($('.slick-slider').slick('slickCurrentSlide') !== index) {
      $('.slick-slider').slick('slickGoTo', index);
    }
  });

[sebamed]

Is there any way to achieve this without using jquery and using only react version of slick carousel?

EDIT: there is, I just did not go through the whole documentation, my bad; focusOnSelect property in settings object does that