Реализуйте функциональность Zoom в Slick Slider ⇐ Jquery

[Anonymous]

Я реализовал Slick Slider в проекте. Слайдер слева от обычного ползунка. < /p>

Как я могу это достичь?

Код: Выделить всё

$(".regular").slick({
dots: false,
infinite: true,
slidesToShow: 2,
slidesToScroll: 1,
asNavFor: '.slider-nav',
autoPlay: true
});
$('.slider-nav').slick({
slidesToShow: 0,
slidesToScroll: 0,
asNavFor: '.regular',
dots: false,
focusOnSelect: true,
arrows: false,
});< /code>



html, body {
margin: 0;
padding: 0;
}

* {
box-sizing: border-box;
}

.slider {
width: 50%;
margin: 30px auto;
}

.slick-slide {
margin: 0px 20px;
}

.slick-slide img {
width: 100%;
}

.slick-prev:before,
.slick-next:before {
color: black;
}
.slider-nav img{width: 15%;display: inline-block !important;float: left;margin: 10px 8px;}




[img]http://placehold.it/350x300?text=1[/img]

[img]http://placehold.it/350x300?text=2[/img]

[img]http://placehold.it/350x300?text=3[/img]

[img]http://placehold.it/350x300?text=4[/img]

[img]http://placehold.it/350x300?text=5[/img]






[img]http://placehold.it/350x300?text=1[/img]
[img]http://placehold.it/350x300?text=2[/img]
[img]http://placehold.it/350x300?text=3[/img]
[img]http://placehold.it/350x300?text=4[/img]
[img]http://placehold.it/350x300?text=5[/img]

Подробнее здесь: https://stackoverflow.com/questions/453 ... ick-slider