Lightbox is the first unobtrusive script that allowed us to display enlarged versions of images embedded in web pages without displaying pop-ups or leaving the page. Basically, lightbox adds a semi-transparent layer to the page which contains the enlarged image centered.

jQuery.popeye: A Lightbox Alternative

jQuery.popeye is an image gallery which is an alternative to the famous Javascript Lightbox, that offers consistent look & feel with the rest of your website. When compared to other Lightbox alternatives, it is more integrated into the flow of the web page. It offers a box with a small preview image with caption, the possibility to flip trough an array of more thumbnails and to show an enlarged version in the same place.

jQuery.popeye: A Lightbox Alternative

The plugin transforms an unordered list of images into a box displaying only one preview image at a time. The box has controls to skim through the preview images and to enlarge a given image. The box expands to accomodate the enlarged version, while the controls are hidden in full image size mode. A simple click on the image returns the box to its compact state. The compact box has fixed, automatically calculated dimensions. The width and height are calculated so that all thumbnail images are cropped to the smallest width and height in the set and centered resulting image area.

Click here for a demo

Related Resources:

• JQuery Plugins | Calendars, Date Picker and Time Formatting Plugins
• .NET Style String Formatting with jQuery – Javascript Function to Support Token Replacement within a String
• Web Form Enhancement with jQuery Plugins and Tools
• How To Create Dynamic Scrolling Content Box Using AJAX?
• 10+ Stunning Mootools script resources for enhancing your HTML Forms