Galleriffic is a jQuery image gallery plugin for presenting images in a user friendly manner with Events that allow for adding your own custom transition effects.

Galleriffic’s Features includes:

• Smart image preloading
• Thumbnail navigation (with pagination)
• Sideshow support
• Support for image captions
• Flexible configuration
• Graceful degradation when javascript is not available
• Support for multiple galleries per page

Download Galleriffic Image gallery.

$( “div.puzzle, p” ).puzzle( 100 );

The plug-in is targeted to work with XHTML specification.

The puzzle pieces are DIV tags that using the nested image as their background image. The background images are positioned relative to the puzzle piece’s initial layout prior to shuffling. Because all of the pieces are uniform, the plug-in will crop the main image slightly to ensure that the board maintains a specific aspect ratio. Therefore, it may be shorter and/or narrower than the original image.

The sliding Image Puzzle plug-in is compatible with all major browsers and free to use in your websites.

You can be having fun with plying/solving the image puzzle demo here.

More information about the plug-in can be found here.