Implementing FacyBox in Blogger

FacyBox is a jQuery-based, Facebook/Fancybox-style lightbox which can display images, divs, or entire remote pages. Basically it is a FaceBox with FancyBox look.

Benefits of using FacyBox compared to original include: faster page load, smaller file size, locally testable (does not require you to host a server just to try locally), gallery mode available, useable as modal dialog, clean separation between JavaScript/CSS (no images/styles inside JavaScript), etc.

Developed by Mauricio Wolff; FacyBox jQuery Plugin is available for download under MIT License.

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.

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.

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.

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.

Implementing LyteBox in Blogger

Lytebox was written from the Lightbox class that Lokesh Dhakar originally wrote. The purpose was to write a self-contained object that eliminated the dependency of prototype.js, effects.js, and scriptaculous.js. Since the original version of Lytebox (which released with iFrame support), major modifications have been made to improve performance as well as "Slideshow" support, "Themes" support, HTML content support (as opposed to just images) and many more configurable options that allow you to customize the look and feel of Lytebox.

Implementing TopUp in Blogger

TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.

TopUp offers the following advantages:


TopUp is absolutely free, also for commercial use (view the license)
A very easy setup process: only one(!) include and nothing more
Using TopUp presets keeps your HTML code 100% clean, no extra code needed whatsoever

Implementing SlideWindow in Blogger

There are many JavaScript applications over the Internet which allow you to display large images on your site using modal dialogs.Most of them use advanced animation effects and depend on additional JavaScript libraries such as JQuery. If you do not want to use additional JavaScript libraries on you site and search for a lightweight and simple image viewer, Slidewindow is the answer.


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

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).

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.

Implementing AnythingZoomer in Blogger

AnythingZoomer is a jQuery plugin that will zoom just about anything. Image, text and calendar zooming are examples presented on its website. You can even double click on the unzoomed object to see the enlarged version.

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.


Features:

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.

Implementing TripTracker in Blogger

The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature.

The viewer is free to use in personal or commercial web pages, provided that the script is not sold or exchanged for profit. An unbranded version of the slideshow, suitable also for resale, may be purchased for a one-time per-site license fee.

Implementing LightWindow in Blogger

LightWindow is another lightbox based on the Prototype library.It supports Firefox, IE6, IE7, Safari3, Opera  and Netscape.

What are all of the features:

Supports EVERY Media type and renders it appropriatly.
Better Animations!
Create your own custom overlays including transparent patterns!
You can create your own theme including markup/css/animations.
Automatically detects media and source.
A variety of parameters are available to further customize the experience.
Window will fit content fetched! Excludes i-frame content!
The window is perfectly centered on the screen by default or you can set its position!

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.

Implementing ImgBox in Blogger

ImgBox is a very simple to use and small Lightbox based on Jquery.

Some of its features are:

Elegant looking, Mac-like effect
Popup blockers are no problem. The content opens within the active browser window
Multiple images can be opened at the same time
Can be customized with settings and CSS
It’s just 7KB (packed)
All modern browsers supported, including IE6

Implementing Foxibox in Blogger

Foxibox is a very small and easy program for a nice image gallery. It is designed to be easily integrated and just working fine.

This program is under GNU General Public License v3. It was developed with jquery 1.3.2 but works from 1.2.5.

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

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.

WHAT'S NEW IN VERSION 2:


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

Implementing Zoomy in Blogger

Zoomy is a quick and easy plugin that will zoom into a picture. You just need to link a smaller image to a larger image. It could be with two differnt size images like most CMS systems create upon upload, or just recently added in ver. 1.1 you may use the same image just scaled down. The markup is a simple anchor ,linked to the large image, that wraps the smaller image. It takes only a little bit of scripting and your boring images pop of the page.

Implementing Milkbox in Blogger

Milkbox is a lightbox-type script for Mootools. The script supports images, image galleries and flash animations.

Main features:

Swf support. You can add swf links to your galleries as well as images.
Use the rev attribute to tell width and height of the swf file.
AutoSize and maxHeight options.

Implementing Litebox in Blogger

Litebox is a modified version of Lightbox v2.0 created with one thing in mind, size reduction. Litebox utilizes the 3kb javascript library moo.fx in association with prototype.lite, giving us the basic tools we need to make this work and you the ability to expand.

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.

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.

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.

Implementing Lightbox Plus in Blogger

Lightbox + is a simple, unobtrusive script used to overlay images in the current page and works with all modern browsers. However if the overlay picture is larger than the screen size it will be reduced to fit BUT with an option button to increase the size to it’s normal size. You can also zoom into the photo, there is a location display to show you where you are on the photo.

Features

The image is expandable when the image size is larger than the current window size.
The image is resized automatically to suit to the current window size.
The zoom ratio can be changed by mouse wheel.

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.

Implementing Thickbox in Blogger

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. It is outdated now.

Some of its Features are:

ThickBox will resize images that are bigger than the browser window.
ThickBox offers versatility (images, iframed content, inline content, and AJAX content).
ThickBox will hide form elements in Windows IE 6.
ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or close link will remove ThickBox.

Implementing Awesome Box in Blogger

Awesome Box is a very simple and unobtrusive Javascript that loads images in the same window, overlaid over the page's content.

Some of its Feature:

Internet Explorer 6 Support!
Key navigation using 'n' for next, 'p' for previous and 'x' for close.
Faster and smoother animation.
Better image dimension calculation.

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.

Implementing Divbox in Blogger

DivBox is simple, easy style format, no need extra markup and is used to overlay elements on the current page through the power and flexibility of jQuery´s selector. DivBox is a plugin for jQuery

It can overlay mp3, flv, mov, swf, wmv, Youtube Videos, mp4, iFrames, Ajax Content to name a few.

Implementing ImageBox in Blogger

Imagebox a jQuery equivalent for Lightbox2. Alternative to image popups that will display images in an overlay. All links that have attribute 'rel' starting with 'imagebox' and link to an image will display the image inside the page.

Galleries can by build buy giving the value 'imagebox-galname' to attribute 'rel'. Attribute 'title' will be used as caption.

Keyboard navigation:

Next image: arrow right, page down, 'n' key, space
Previous image: arrow left, page up, 'p' key, backspace
Close: escape

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).