xxxxxxxxxx
$('.responsive').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
xxxxxxxxxx
$('.autoplay').slick({
slidesToShow: 3,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});
xxxxxxxxxx
$('.multiple-items').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 3
});
xxxxxxxxxx
$('.variable-width').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
centerMode: false,
variableWidth: true
});
xxxxxxxxxx
$('.variable-width').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 1,
centerMode: true,
variableWidth: true
});
xxxxxxxxxx
$('.autoplay').slick({
slidesToShow: 3,
slidesToScroll: 2,
autoplay: true,
autoplaySpeed: 2000,
});
xxxxxxxxxx
$('.multiple-items').slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1
});
xxxxxxxxxx
$('.variable-width').slick({
infinite: true,
speed: 300,
slidesToShow: 1,
centerMode: true,
variableWidth: true
});
xxxxxxxxxx
$('.fade').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear'
});
xxxxxxxxxx
$('.one-time').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
adaptiveHeight: true
});