Small jQuery Plugin For Stacked Images - Image Pile
File Size: | Unknown |
---|---|
Views Total: | 3103 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

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:
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.