Get started with slick-carousel CDN
MIT licensed
Slick Carousel: Lightweight, customizable JS carousel for responsive designs.
Tags:- carousel
- slick
- responsive
Stable version
Copied!
How to start using slick-carousel CDN
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
<link rel="stylesheet" type="text/css" href="styles.css" />
<script src="https://cdn.cdnhub.io/slick-carousel/1.9.0/slick.min.js"></script>
</head>
<body>
<div class="container">
<div class="slider">
<div><img src="image1.jpg" alt="Image 1" /></div>
<div><img src="image2.jpg" alt="Image 2" /></div>
<div><img src="image3.jpg" alt="Image 3" /></div>
</div>
</div>
<script>
$(document).ready(function() {
$('.slider').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 2000,
});
});
</script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!