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 
}); 

与えられたとしてあなたはそれがどのように見えるスライダーの同期を使用することができます。