Have you guys heard of this “Lightbox JS” yet? It’s pretty cool way of displaying images.
It’s really neat and compatible across all modern browsers.

Lightbox JS is a simple piece of JavaScript that allows you to place images above the page rather than within. A thumbnail image can be clicked on to show the full size image ontop of the page which remains darkened in the background. Closing the overlayed image brings the webpage back to normal, the user never leaves the current page.

I got an idea to use this lightbox in a new section that I’m planning to add here. At the moment I’m a bit lazy to test it yet but one of our very own developer has already used that in the new revamp of FijiTimes site and it’s working like a charm. You can have a look at in the story section. Click on the story image to enlarge and see how it go. Cool huh!

Benefits
Places images above your current page, not within. This frees you from the constraints of the layout, particularly column widths.

Keeps users on the same page. Clicking to view an image and then having to click the back button to return to your site is bad for continuity (and no fun!).

More info on what/how to use LightBox JS can be find as follows:
# Lightbox JS by Lokesh Dhakar
# LightBox Gone Wild at particletree
# Working Samples at FijiTimes.com

Technorati Tags: , ,

No related posts.