jQuery plugin to display a images as a collage.

Checkout the demo here.

The following example will show the images in #container in a collage.

$("#container").collagize();

The markup could look like this:

<div id="container">
  <div><img src="http://www.thacure.com/wp-content/gallery/anxious-pictures/thumbs/thumbs_beautiful-nature-landscapes-flickzzz-com-2006-787099.jpg" /></div>
  <div><img src="http://www.thacure.com/wp-content/gallery/anxious-pictures/thumbs/thumbs_beautiful-nature-photographs.jpg" /></div>
  <div><img src="http://www.mastlyf.com/images/content_images/content_images_thumb/454.jpg" /></div>
  <div><img src="http://www.mastlyf.com/images/content_images/content_images_thumb/461.jpg" /></div>
</div>

The "div" tag surrounding the image is needed to style the images.

There are other enhancements planned, including animations. Drop your ideas in the issues section and report bugs (if any) as well.

Feel free to fork and contribute.

• jQuery 1.5+
• jQuery 1.8+ with the draggable plugin - For being able to drag n drop images

• Firefox 4+
• Google Chrome 8+
• Internet Explorer 7+

Copyright © 2013 Sandeep Ravichandran, released under MIT license.