Minimal jQuery Liquid Image Carousel Plugin - Liquid Carousel

Minimal jQuery Liquid Image Carousel Plugin - Liquid Carousel
File Size: 131KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

Liquid Carousel is a lightweight jQuery slider plugin for creating a responsive & liquid styled image carousel slider with one line javascript.

How to use it:

1. Include the latest jQuery library and jQuery Liquid Carousel on the web page

<link type='text/css' rel='stylesheet' href='css/liquidcarousel.css' />
<script src=""></script>
<script type="text/javascript" src="js/jquery.liquidcarousel.pack.js"></script>

2. Create the html

<div id="liquid" class="liquid"> <span class="previous"></span>
<div class="wrapper">
<li><a href="#" title="image 01"><img src="images/01.jpg" width="88" height="126" alt="image 01" border="0" /></a></li>
<li><a href="#" title="image 02"><img src="images/02.jpg" width="88" height="126" alt="image 02" border="0" /></a></li>
<li><a href="#" title="image 03"><img src="images/03.jpg" width="88" height="126" alt="image 03" border="0" /></a></li>
<span class="next"></span> </div>

3. Call the plugin with options

$(document).ready(function() {
height: 150,//the height of the list
duration: 100,//the duration of the animation
hidearrows: true//hide arrows if all of the list items are visible

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