如何在Slick.js中创建带图像预览的缩略图旋转木马？

Question

我想在点击幻灯片中的缩略图之后预览图像。它也出现在Slick.js中的图像预览。您可以see more at here.

像这样：

当用户点击缩略图，它会显示此图像预览。

我看着Slick的所有演示，但没有找到任何这样的例子。

Answer 1

您可以使用滑块正在同步给出here

$('.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 
}); 

它看起来像：