jQuery(document).ready(function () {
jQuery('.testislider').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
centerMode: true,
focusOnSelect: true,
dots: false,
nav: false,
arrows: false,
responsive: [
{
breakpoint: 1200,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
},
{
breakpoint: 768,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
]
});
jQuery('.testislider').on('wheel', function(e) {
e.preventDefault();
if (e.originalEvent.deltaY < 0) {
jQuery(this).slick('slickNext');
} else {
jQuery(this).slick('slickPrev');
}
});
});
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter