Open MarcoDuizer opened 6 years ago
error in java console: slick.min.js:formatted:1178 Uncaught TypeError: Cannot read property 'slidesToShow' of undefined
a.options.asNavFor && (l = (l = a.getNavTarget()).slick("getSlick")).slideCount <= l.options.slidesToShow && l.setSlideClasses(a.currentSlide),
No one?
use evgeniyrru\yii2slick\Slick;
$slider_for_class_name = 'slider-for';
$slider_nav_class_name = 'slider-nav';
echo Slick::widget([
'items' => [], // your items
'containerOptions' => [
'class' => $slider_for_class_name
],
'clientOptions' => [
'slidesToShow' => 1,
'slidesToScroll' => 1,
'arrows' => false,
'fade' => true,
'asNavFor' => '.' . $slider_nav_class_name
]
]);
echo Slick::widget([
'items' => [], // your items
'containerOptions' => [
'class' => $slider_nav_class_name
],
'clientOptions' => [
'slidesToShow' => 3,
'slidesToScroll' => 1,
'asNavFor' => '.' . $slider_for_class_name,
'dots' => true,
'centerMode' => true,
'focusOnSelect' => true
]
]);
I found on the website from slick the code as below. But i can't find how i can set the values for .slider-nav and .slider-for
How can i implement this setup with Yii/Slick?
$('.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 });