Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

A jQuery plugin to show your images in a collage

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

Something went wrong with that request. Please try again.