Skip to content

Instantly share code, notes, and snippets.

@TrywaR
Created May 16, 2018 13:29
Show Gist options
  • Save TrywaR/8dc807e7f9c7f54ce0684a7b4dc9253b to your computer and use it in GitHub Desktop.
Save TrywaR/8dc807e7f9c7f54ce0684a7b4dc9253b to your computer and use it in GitHub Desktop.
[ jQuery ] slick slider
$('.responsive').slick({
dots: true,
// lazyLoad: 'ondemand', // <img data-lazy="img/lazyfonz1.png"/>
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
]
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment