jQuery Cover Flow-Like List Animation Plugin - skywheel

skywheel is a simple jQuery plugin for easily creating Cover Flow-Like interface with Html unordered lists and CSS3 transforms.

See also:

• Responsive Image Cover Flow Plugin with jQuery and CSS3 - flipster
• Powerful jQuery Plugin For Cover Flow Effect - Vanderlee Coverflow
• jQuery Based Cover Flow Photo Gallery
• JCoverflip Image Slider

Basic Usage:

1. Load the jq-skywheel.css in the head section of your page.

<ul id="demo">
<li> ... </li>
<li> ... </li>
<li> ... </li>

...

</ul>
<div id="respond"></div>

2. Create a standard html unordered list.

<ul id="demo">
<li> ... </li>
<li> ... </li>
<li> ... </li>

...

</ul>
<div id="respond"></div>

3. Load the latest jQuery javascript library and jQuery skywheel plugin on the web page.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
<script src="jq-skywheel.js"></script> 

4. Initialize the plugin with options.

<script type="text/javascript">
$("#demo").skywheel({
sizey:"100px", // height
sizex:"300px" // width
});
</script>

Change log:

• bug fix & option argument change

---

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