jQuery Image Cube

http://keith-wood.name/imageCube.html

 

A jQuery plugin that sets a division to rotate between images (or other things) as if they were on the faces of a cube. If you find this plugin useful please vote for it on the jQuery site: (8 votes).

The current version is 1.2.1 and is available under the GPL and MIT licences. For more detail see the documentation reference page. Or see a minimal page that you could use as a basis for your own investigations.

 

<div id="defaultCube" style="width: 200px; height: 150px;"> 
    <img src="uluru.jpg" alt="Uluru" title="Uluru"/> 
    <img src="islands.jpg" alt="Islands"title="Islands"/> 
    <img src="gorge.jpg" alt="Gorge" title="Gorge"/> 
</div>

 
 

  
  
Usage
  
  
Include the jQuery library in the head section of your page. 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
Download and include the jQuery Image Cube JavaScript in the head section of your page.
<script type="text/javascript" src="jquery.imagecube.js"></script>
Alternately, you can use the packed version jquery.imagecube.pack.js (9.8K vs 25.1K), or the minified version jquery.imagecube.min.js (12.6K, 4.1K when zipped).
Connect the image cube functionality to your divisions.
$(selector).imagecube();
You can include custom settings as part of this process.
$(selector).imagecube({speed: 1000});


  
  
For more detail see the documentation reference page.