Javascript lightboxes
Lightboxes are a nice unobtrusive way to display content in your page,without forcing the user to navigate through your site, and leave current page.You can use it for interaction with user( a login box for example) , videos or even other html content.
We’ll try to make a list with some lightboxes, with some properties.
Suckerfish HoverLightbox Redux
Suckerfish hoverlight redux make use of prototype/scriptaculous and is an improvement of Suckerfish HoverLightbox which is able to make the initial display in horizontal or vertical mode. The script seems to be unobtrusive, and to work on major browsers.
Slimbox, the ultimate lightweight Lightbox clone
From the slimbox page: “Slimbox is a 7kb visual clone of the popular Lightbox JS v2.0 by Lokesh Dhakar, written using the ultra compact mootools framework. It was designed to be small, efficient, more convenient and 100% compatible with the original Lightbox v2. “. So as said, to use that you will need the mootools libraies.
This is more like a tutorial and shows you how to create a lightbox using YUI. Their demo shows you images, videos, and external pages loaded into lightbox.
” Lightbox 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.” This is an improvement of first version of script founded here: Lightbox JS by Lokesh Dhakar.
Multibox is a lightbox that supports images, flash, video, mp3s, html. It depends on mootools v.1.11. It is able to display images, text, flv, mov, real, mp3, wmv and html - external page, ajax, or content from same page.
It uses jQuery. It is very small - 1.2 kb, and you don’t to embed Javascript into your site.
As above exmaple, thikbox uses jQuery too. It’s able “… to show a single image, multiple images, inline content, iframed content, or content served through AJAX “.
This seems to be the most rich lightbox. It is able to display several formats of information - mov,swf,pdf,images, external pages,inline content, forms. It uses prototype/scriptaculous, and works with all major browsers.
I am sure i did not covered all scripts so please suggest others.
There is a new lightbox.
Shadowbox.js by Michael J. I. Jackson
This script is able to display many formats but it’s main feature is that is able to use one of common framworks, choosed by coder, depending on his needs.
“Shadowbox comes bundled with adapters for the following JavaScript frameworks:
- Yahoo! User Interface Library
- Ext (standalone)
- Prototype + Scriptaculous
- jQuery“
Leave a Reply