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!

All versions