A jQuery plugin to show your images in a collage
JavaScript
Latest commit 2098aba Jan 23, 2013 @sandeepravi fixes

README.markdown

Collage

jQuery plugin to display a images as a collage.

Demo

Checkout the demo here.

Usage

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.

Enhancements

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.

Dependencies

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

Browser Compatibility

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

Licensing

Copyright © 2013 Sandeep Ravichandran, released under MIT license.