Lite Responsive jQuery Image Carousel Plugin - List Carousel
File Size: | 44 KB |
---|---|
Views Total: | 2987 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
List Carousel is a super simple and fully responsive jQuery carousel/slider plugin that loops through a list of images with arrows and dots navigation.
How to use it:
1. Include jQuery javascript library and the jQuery list carousel plugin in the html page.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="listCarousel.js"></script>
2. Create a list of images for the carousel using Html unordered list.
<ul id="demo"> <li><img src="1.jpg" alt="" class="first"></li> <li><img src="2.jpg" alt="" class=""></li> ... <li><img src="n.jpg" alt="" class="last"></li> </ul>
3. Call the plugin and you're done. No CSS required.
<script> $(function() { $('#demo').listCarousel(); }) </script>
This awesome jQuery plugin is developed by Tiger0915. For more Advanced Usages, please check the demo page or visit the official website.