jQuery Cover Flow-Like List Animation Plugin - skywheel

File Size: 4.68 KB
Views Total: 4445
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
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:

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.