禁用選取在光滑滑塊的滑動

當滑動

「fullslide」 - 一次1張幻燈片

「thumbslide」 - 5個滑動的時間，用作NAV爲fullslide

從拇指滑片中選擇1張幻燈片時，我希望它變爲活動狀態沒有向左或向中心滑動。有沒有辦法做到這一點？

CODE

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

Fiddle

我想：

$('#sliders').slick({ 
    accessibility: false 
});

來自：Is there a way to disable slick slider from autoscrolling when clicked on navigation slider?

仍無法正常工作

謝謝

來源

2016-02-17 Paul Smith

的插件，你正在使用滑塊？並向我們展示您的代碼。 –

我只是使用光滑，添加小提琴 –

如何[[這]]（http://jsfiddle.net/Cerlin/9kp36e09/44/）？ –

相同的答案在GitHub上：

第一組focusOnSelect：虛假的資產淨值。

其次主要不應該有asNavFor或更多的事件將需要。

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

$('.slider-nav .slick-slide').on('click', function (event) { 
    $('.slider-for').slick('slickGoTo', $(this).data('slickIndex')); 
});

Fiddle

來源

2016-02-17 13:56:36 mazzaker

謝謝！這適用於我，我沒想到它是那麼簡單:) –

我只是在尋找相同的功能，這很好，但我需要使用同步的活動類來鏈接導航和滑塊。你知道這是否有可能嗎？ – richardpixel

禁用選取在光滑滑塊的滑動

回答

相關問題