Implementing Cloud Zoom in Blogger

Cloud Zoom is a lightweight, highly customizable jQuery plugin that allows you to add image zooming in your web pages. You can use this plugin to create zoomable images with different features such as tint effect, inner zoom and soft focus. It is a cross browser plugin that works in all major web browsers including IE6.

Cloud Zoom is very easy to implement and is very well documented. You can easily customize the appearance of the smaller image, lens and zoom window using CSS. It offers several configuration options enabling you to customize its behavior including: height, width & positions of zoom window; tint; opacity; amount of smoothness/drift of the zoom image as it moves; enable or disable titles.

[click to continue reading]

Implementing Pirobox in Blogger

Pirobox is a jQuery plugin that you can use to create Lighbox widget with support for multiple image sets and slideshows.It also allows for embedding YouTube and Vimeo videos. It offers keyboard navigation, PNG Fix for IE6 and will automatically check for broken links to image files and display appropriate message. Pirobox is cross browser plugin that works on FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows),IE 6+.

Implementation is straightforward like any other lightbox. Pirobox comes with three built in styles: shadow,white or black and can be easily configured to customize behavior. Configuration options include: animation speed; background opacity; radius of the rounded corners; slideshow speed, previsou and next button placement, etc.


[click to continue reading]

Implementing Fancybox in Blogger

FancyBox is a tool for displaying images, HTML content and multi-media in a Mac-style "lightbox" that floats overtop of web page.It is built using the jQuery library

It is a combination of JavaScript, CSS and some images that allow you to create a modal effect using the JavaScript framework jQuery

[click to continue reading]

Implementing Multibox in Blogger

Multibox is a simple jQuery plugin to overlay elements on a page.Its support Images ,Swfs ,Wmvs ,Flvs ,Mp3s ,IFrames ,Html Elements to name a few.Its lightweight and stylish.
[click to continue reading]

Implementing Jparallax in Blogger

 Jparallax is a Jquery plugin which turns a selected image into a viewport, and all its other images into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions ,they move by different amounts, in a parallaxy kind of way.
[click to continue reading]