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
   
Lite Responsive jQuery Image Carousel Plugin - List Carousel

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.