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.










