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

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.