Infinite Content Carousel / Slider Plugin For jQuery

File Size: 1.01 MB
Views Total: 4102
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Infinite Content Carousel / Slider Plugin For jQuery

A dead simple jQuery slider plugin which cycles through a set of any html content (i.e. images, text, etc) in a carousel-like fashion. Works on all major web browsers and even IE 8/9/10.

Basic usage:

1. Load jQuery library and the jQuery carousel.js plugin anywhere on the web page.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="js/carousel.js"></script>

2. Add a group of html content together with the navigation links into the slider.

<div id="carousel-demo">
  <a href="#" class="control prev">Prev</a>
  <a href="#" class="control next">Next</a>
  <div class="slide_window clearfix">
    <div class="slide">
      <img src="https://unsplash.it/600/450?image=884">
    </div>
    <div class="slide">
      <img src="https://unsplash.it/600/450?image=883">
    </div>
    <div class="slide">
      <img src="https://unsplash.it/600/450?image=882">
    </div>
    <div class="slide">
      <img src="https://unsplash.it/600/450?image=874">
    </div>
    <div class="slide">
      <img src="https://unsplash.it/600/450?image=873">
    </div>
  </div>
</div>

3. Initialize the plugin on document ready and done.

$('#carousel-demo').carousel();

Changelog:

2020-07-20

  • Code formatting

This awesome jQuery plugin is developed by mlmedia. For more Advanced Usages, please check the demo page or visit the official website.