Small jQuery Plugin For Stacked Images - Image Pile

Image Pile is a simple jQuery plugin that makes use of CSS3 pseudo-elements and transforms to stack a set of images to make them look like a pile of photographs.

See also:

• Elements Stack Effect with Pure CSS3

How to use it:

1. Include jQuery javascript library and jQuery Image Pile Plugin's script and CSS files on the web page.

<link rel="stylesheet" type="text/css" href="css/image-pile.css">
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script> 
<script type="text/javascript" src="js/image-pile.js"></script> 

2. Insert a set of images with the same class name into your document.

<img class="pile-images" src="1.jpg" />
<img class="pile-images" src="2.jpg" />
<img class="pile-images" src="3.jpg" />

3. Call the plugin and you're done.

<script type="text/javascript">
$(document).ready( function () {
$(".pile-images").ImagePile({pileType: "messy"});
});
</script>

---

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