$('.slide-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
asNavFor: '.slider-nav',
infinite: true,
dots: false,
fade: true,
initialSlide: 2,
draggable: false,
swipe: false,
useTransform: true,
});
$('.slider-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.slide-for',
centerMode: true,
focusOnSelect: true,
dots: false,
centerPadding: '0px',
arrows: false,
infinite: false,
initialSlide: 2,
variableWidth: true
});
при нажатии на .slider-nav слайдер .slide-for должен переключаться с анимацией уменьшения как здесь "
https://daneden.github.io/animate.css/" "zoomOut" и следующий слайд появляться как "zoomIn"
у owl есть такая анимация, но переносить сейчас весь код на owl как-то не очень хочеться, а у slick немогу никак это реализовать. Подскажите что делать, возможно ли это на slick или, придется переходить на owl?