TinyBox2 – JavaScript Modal Windows

This update to the TinyBox modal box script brings a ton of new features and still clocks in under 5KB. The script now supports iframes and images natively. You can POST with Ajax. Clicking ESC will close the window. Callback functions can be passed for load and close events. You can set CSS IDs to override the default styling. CSS position can be toggled between fixed and absolute. The mask opacity can be sent. You have full control over window location. And of course there is now a close button out of the box you can toggle

Reveal – jQuery Modal Plugin from ZURB

Reveal is awesome because it’s easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it’s fast, sexy and just works.

jQuery.popeye 2.0 – an inline lightbox alternative

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

Though the script is quick and easy to setup, it offers great flexibility in both behaviour and styling.

It was designed as an alternative to the often-seen JavaScript image lightbox (see Lightbox 2, Fancybox or Colorbox, just to name a few). What they all have in common: they employ a modal window to display the large images, thus disrupting the workflow of the user interacting with a webpage.

jQuery.popeye takes a different approach: not only allows it for browsing all thumbnails as well as the large images in a single image space, it also repects the page flow and stays anchored and rooted in the webpage at all times, thus giving a less disruptive user experience than modal windows.

Lightbox_me Simple jQuery Lightbox

Lightbox_me is an essential tool for the jQuery developer’s toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.

Features

Lightbox_me handles all of those annoying edge cases that other lightbox solutions do not:

• Handles overlay resize when the window is resized
• Handles overlay size in cases where the document is smaller than the window
• Handles position: fixed in all browsers
• Position: fixed automatically swaps to position: absolute when the window size is smaller than the modal, so the user can scroll to see the contents

In addition it’s got these other nice features:

• Tiny footprint (just over 1000 bytes gzipped & compressed)
• Small DOM overhead (adds 1 DOM element for the overlay)
• Dynamic iFrame shim is created and destroyed for the IE 6 select box peek issue (tested and working on https pages)
• Supports IE 6+, Firefox 2.5+, Safari, Chrome (haven’t tested in Opera yet)