All of them work almost the same way. They show a modal dialog message in the center of the screen and leaves a semi-transparent layer behind. So that the modal dialog part looks brighter & can make sure the user goes through the message.
Each of these scripts has its own benefits & drawbacks. You may need to find the best to suit your both usability & integration requirements.
Lets go through them one by one…
Table of Contents
Lightview was built to change the way you overlay content on a website.
- Clean: Designed to compliment your content.
- Fast: Smart image preloading.
- Easy: Customizable without having to know CSS.
- Rounded: Adjustable rounded corners, no PNG images required.
- Smart: Content resizes to always fit on your screen.
- Slideshow: One button slideshow.
- Works on all modern browsers.
- ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it’s 58k.
- ThickBox will resize images that are bigger than the browser window.
- ThickBox offers versatility (images, iframes content, inline content, and AJAX content).
- ThickBox will hide form elements in Windows IE 6.
- ThickBox will remain centered in the window even when the user scrolls the page or changes the size of the browser window. Clicking an image, the overlay, or the close link will remove ThickBox.
- ThickBox can be invoked from a link element, input element (typically a button), and the area element (image maps).
Sexy-lightbox is a cool thick box with more additional features like resizes the box based on the content width and height, rounded corners, animation on resize with ease.
Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to set up and works on all modern browsers.
- Image Sets: group related images and navigate through them with ease.
- Visual Effects: fancy pants transitions.
- Backward Compatibility.
- No plugins like Flash or Java are required.
- Popup blockers are no problem. The content expands within the active browser window.
- Single click. After opening the image or HTML popup, the user can scroll further down or leave the page without closing it.
Slimbox is a 4kb 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.
I hope you found this article useful; if I am missing anything good modal dialog resources, kindly drop the same in the comments – which will be really useful for the developers who are really looking out for these kinds of stuff.