5 Lightbox / Web Design

A modal window is essentially a popup window that is displayed above a webpage. They are often used to display larger versions of thumbnail pictures and video, they can also be used to show Flash content and additional text that wouldn’t be appropriate on the main page. They are not only great for a users experience but keep the user on the page for longer which is beneficial for your website design“>website design.

Lightbox2

www.lokeshdhakar.com/projects/lightbox2/ Visit Site

Lightbox is the standard modal window. I use this myself as it easy to install and use. It is easy to group images for users to browse by clicking on the next and previous buttons. The screen fades to black to give focus to the image.

FancyBox

fancybox.net/example Visit Site

Fancy Box has become an increasingly popular modal window for designers. It uses classic black icons with a simple white border and drop shadow. You can also display other media such as youtube videos and other webpages.

ColorBox

http://colorpowered.com/colorbox/ Visit Site

ColorBox is a lightweight customisable lightbox. As the appearance is controlled through the CSS you are able to restyle the box to your liking. It preloads background and upcoming images and also generates W3C valid XHTML and CSS.

prettyPhoto

http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/ Visit Site

prettyPhoto is a jQuery based lightbox clone. It works with all media, such as Flash, iFrames and of course images. Impressively it can be launched from anywhere including Flash.

Facebox

http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm Visit Site

Facebox is Facebook style lightbox that can dispaly images, video or whole webpages. It uses the compact jQuery library unlike Lightox which uses Prototype.

Art and design has always been my love and talent. Like a cat I always land on my feet, achieving a BA in Graphic Design from Coventry University. My specialties include design, illustration, flash and animation.

Visit Authors Website

Tags: lightbox, modal windows, Web Developer Tools

This entry was posted on Monday, September 21st, 2009 at 12:19 pm and is filed under Developer Tools, Resources. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.