Implementing SexyLightbox in Blogger

SexyLightBox is a clone of classic Lightbox , but it's more sexier and lightweight than the classic LightBox. It was built for web designers , so it is really easy to install and use.

SexyLightBox supports all sorts of images of different sizes, HTML elements and Now Area maps . The images larger than the browser, are adjusted automatically to see them completely. I really like the bouncy effect when the box comes out and resizes.

SexyLightBox Compatible with Mootools 1.2.2 or jQuery 1.3.2 and All modern browsers like Internet Explorer.This tutorials explains about the jQuery version.

Note: This tutorial requires that you either have a free Dropbox account or some other file hosting which provides a folder options.

[click to continue reading]

Implementing Nivozoom in Blogger

Nivo Zoom is a Lightbox-like but simpler image zooming jQuery plugin from the developers of the popular Nivo Slider.

The plugin is lightweight (4kb compressed), focused only on images and comes with a bunch of settings.It supports 5 different zoom types and can show image captions (long texts are handled well).Nivo Zoom, by default, doesn't use overlays but can display the bigger image with an overlay where the opacity and colors of it can be customized.

[click to continue reading]

Implementing Featured Image Zoomer in Blogger

Featured Image Zoomer lets you view a magnified portion of any image upon moving your mouse over it. A magnifying glass appears alongside the image displaying the magnified area on demand. The user can toggle the zoom level by using the mousewheel. It's great to use on product images, photos, or other images with lots of details you want users to be able to get into on command.

 Here are the script's features:

Ability to specify either the original image or a larger version of it as the "magnified" image.
The "magnified" image is only loaded on demand (the first time the user moves his mouse over the thumbnail image), saving on initial page download time.
Supports an optional adjustable power setting. When enabled, the user can adjust the zoom level on demand by using the mouse wheel while over the image.

[click to continue reading]

Implementing TinyBox2 in Blogger

TinyBox2 is the successor of the previously published resource TinyBox which is a standalone JavaScript modal windows library.

The library is lightweight (5kb) and supports images, iframes, HTML and Ajax requests natively.

[click to continue reading]

Implementing jCarousel in Blogger

jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

[click to continue reading]

Implementing PieceMaker 2 in Blogger

Piecemaker V2 is an open source Flash ActionScript 3 image rotator.It‘s free for nearly any use - including commercial.

Its the perfect way to dynamically display your images, videos and .swf files on any post or page.The Piecemaker is a Flash-based 3D Image Rotator.

[click to continue reading]

Implementing mediabox Advanced in Blogger

mediaboxAdvanced is a modal overlay that can handle images, videos, animations, social video sites, twitter media links, inline elements, and external pages with ease.It provides four different styles.


Supports YouTube and Vimeo videos.
Support for Twitter links.
Videos displayed in the overlay can be played by Apple iOS devices, including the iPhone, iPod Touch, and iPad, along with other mobile devices that support HTML5.

[click to continue reading]

Implementing Colorbox in Blogger

Colorbox is a light-weight, customizable lightbox plugin for jQuery 1.3 through 1.6

Why you should be using ColorBox:

Supports photos, grouping, slideshow, ajax, inline, and iframed content.
Lightweight: 10KB of JavaScript.
Appearance is controlled through CSS so users can restyle the box.
Behavior settings can be over-written without altering the ColorBox javascript file.
Can be extended with callbacks & event-hooks without altering the source files.
Completely unobtrusive, options are set in the JS and require no changes to existing HTML.
[click to continue reading]

Implementing CeeBox in Blogger

This is a modal window system built as a jQuery plugin.It can present images, galleries, HTML, inline content, Flash files and remote videos (Facebook, Vimeo, YouTube, Daily Motion, CNN, Metacafe, etc.).

Here are some key features of "CeeBox":

iPhone users are automatically redirected to link, (youtube movies launch the youtube app)
CeeBox currently supports Google Video, YouTube, Metacafe, Vimeo, Dailymotion, Spike, iFilm, CNN, Facebook videos and swf files.
With a bit of regex knowhow you can add support yourself for other sites

[click to continue reading]

Implementing Lightbox 2 in Blogger

Lightbox 2 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.


Image Sets: group related images and navigate through them with ease
Visual Effects: fancy pants transitions
Backwards Compatibility: yes!

[click to continue reading]

Implementing Shadowbox in Blogger

Shadowbox is a web-based media viewer application that supports all of the web's most popular media publishing formats. Shadowbox is written entirely in JavaScript and CSS and is highly customizable. Using Shadowbox, one can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

[click to continue reading]

Implementing Easy Zoom in Blogger

Easy Zoom is a lightweight & highly customizable jQuery plugin that will allow users to see larger details of the image while moving cursor over medium sized image.

[click to continue reading]

Implementing ImageZoom in Blogger

ImageZoom is based on Mootools, and is perfect for photo galleries.
It can display large images on top of a page, and has the ability to group multiple photos in one set.

There are numerous advantages to use ImageZoom  :

Images can be dragged around.
Multiple images can be open at the same time.
Visitors can still access the underlying content of the page.
It's easier for visitors to find the navigation buttons.

[click to continue reading]

Implementing Floatbox in Blogger

Floatbox is a javascript library for displaying windowed content over top of web pages. In addition to excellent 'lightbox clone' capabilities, Floatbox includes the ability to show cycling image sets, enhanced tooltips and popup thumbnails. All content types are supported and there is an extensive and reliable API and suite of library functions included which make Floatbox the tool of choice for building smart interactive content. Floatbox is highly customizable, easy to deploy, and very robust and reliable across all modern browsers.Floatbox strives to be the best-of-breed with features and capabilities web-site designers need to build quality 3-dimensional sites and services.

[click to continue reading]

Implementing Bumpbox in Blogger

Bumpbox is a lightbox clone script which also supports HTML files, FLV videos, SWF files and PDF’s as well as common images.Bumpbox is a lightbox clone script which also supports HTML files, FLV videos, SWF files and PDF’s as well as common images.

Bumpbox requires flowplayer media player to show FLV video files. The script requires Mootools JavaScript library of version 1.2.

[click to continue reading]

Implementing prettyPhoto in Blogger

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.

It comes with four themes and has been tested and known to work with Firefox 2.0+, Safari 3.1.1+, Opera 9+, Chrome, and Internet Explorer 6.0+.

prettyPhoto is released under the Creative Commons Attribution 2.5 license. This means it’s freely available for all projects (including commercial projects).

[click to continue reading]