W3PlantingFree Web Resources for your website

Galleriffic is a dynamic photo gallery, which supports very fast loading of images, optimized to handle a high volume of photos and Search Engine friendly, you can assign the Title & description tag to each and every image separately.

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.

Share this post

Sliding Image Puzzle is jQuery plug-in which creates sliding-image puzzles. You have to place your images in a DIV container. Hooking your container with jQuery is as simple as, just drop your script and call the method on your jQuery stack object and your Sliding Image Puzzle is ready to go.

$( “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.

Share this post