¿Cómo crear un carrusel de miniaturas con vistas previas de imágenes en Slick.js?

Quiero get una vista previa de la image después de hacer clic en una miniatura en una presentación de diapositivas. También aparece una vista previa de imágenes en Slick.js. Puedes ver más aquí.

Me gusta esto:

capturar

Cuando un usuario hace clic en una miniatura, mostrará esta vista previa de la image.

Veo toda la demo de Slick pero no encontré ningún ejemplo como este.

Puede usar la synchronization de control deslizante como se muestra aquí

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

Parece que: enter image description here