All of them works almost same way. They show a modal dialog message in center of the screen and leaves a semi-transparent layer behind. So that the modal dialog part look brighter & can make sure user go through the message.
Each of these script has it’s own benefits & drawbacks. You may need to find the best to suit your both usability & integration requirement.
Lets go through them one by one…
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, iframed 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 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 cool thick box with more add 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 setup and works on all modern browsers.
- Image Sets: group related images and navigate through them with ease.
- Visual Effects: fancy pants transitions.
- Backwards Compatibility.
- No plugins like Flash or Java 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.
Hope you found this article useful, if I am missing anything good modal dialog resources, kindly drop the same in comments – which will be really useful for the developers who are really looking out for these kind of stuff.
Join thousands of subscribers
And get updates as and when we publish new, informative and research based posts!