Get started with flexslider CDN

GPL-2.0 licensed

Responsive jQuery plugin: Flexslider enables smooth image and text slideshows.

Tags:
  • utility
  • popular

Stable version

Copied!

How to start using flexslider CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.cdnhub.io/flexslider/2.7.2/flexslider.min.css">
  <style>
    #flexslider {
      width: 100%;
      height: 300px;
    }
  </style>
</head>
<body>
  <div class="flexslider">
    <ul class="slides">
      <li>
        <img src="image1.jpg" alt="Image 1">
      </li>
      <li>
        <img src="image2.jpg" alt="Image 2">
      </li>
      <li>
        <img src="image3.jpg" alt="Image 3">
      </li>
    </ul>
  </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.cdnhub.io/flexslider/2.7.2/jquery.flexslider-min.js"></script>
  <script>
    $(document).ready(function() {
      $('.flexslider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false
      });
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions