Dottony

For Bloggers.Designers.Developers.Geeks

dottony On June - 17 - 2009

Modal dialog, windows or a popular term lightbox is an unobtrusive ajax solution for displaying the content inside the page itself, it overcome the constraint of pop up windows which blocked by most of the modern browser. However, the usages of lightbox is more widely apply to preview of images, image gallery and form model. Since it only loads the relevant content in a box, it increase the loading time and whole user browsing experience. Below shown the details and demonstrate the default outlook of the lightbox.

1. Lightbox2

lightbox2.jpg

A popular lightbox solutions that written by Lokesh Dhakar, it is built on prototype and scriptaculous framework. It only supports images and slideshow.

2. Lightbox Gone Wild

lightbox-gone-wild.jpg

Inspired by lightbox and include the support for form and html. It is based on prototype and scriptaculous.

3. Colorbox

colorbox.jpg

Lightweight and customizable lightbox plugin through CSS and jQuery. The plugin support images, image group, ajax, inline content and iframe content.

4. Fancybox

fancylightbox.jpg

Display images, html and multimedia content. It is a jQuery based lightbox.

5. jQuery Lightbox Plugin

jquerylightbox.jpg

Similar to Lokesh Dhakar lightbox solutions, except it is jQuery based.

6. prettyPhoto

prettyphoto.jpg

Jquery lightbox clone and support more multimedia format.

7. Litebox

litebox.jpg

Lightweight lightbox which built on moo.fx and prototype.lite.

8. Thickbox

thickbox.jpg

Similar solutions to lightbox2, but it has more features like display inline content, iframed content or content served through ajax in a hybrid modal. It is build on jQuery.

9. Slightly Thickerbox

slightlythickerbox.jpg

A mod from thickbox which add on next and previous button to form a images gallery.

10. Slimbox

slimbox2.jpg

The ultimate lightweight Lightbox clone for jQuery. As stated, slim and slimmer solutions for lightbox.

11. LightView

lightview.jpg

Built with prototype and scriptaculous. Supports plenty of media format.

12. jQuery Dialog

jquerydialog.jpg

jQuery UI also contains dialog component, although its nature is more like a dialog and form. But, you can customize to create your own flavor of image preview or gallery.

13. Prototype Window

prototype.jpg

A prototype based window dialog.

14. MochaUI

mochaui.jpg

MochaUI is an UI framework for mootools. It includes dialog windows for displaying rich content.

15. Facebox

fambox.jpg

Facebook lightbox aliked, jQuery based modal dialog. It support images, div or entire remote pages.

16. Boxy

boxy.jpg

Facebox aliked, but it support more features like dragging and size tweening.

17. ModalBox

modalbox.png

A modal dialog that allow you to include html within. Build with prototype and scriptaculous.

18. Shadowbox

shadowbox.jpg

Support most of the media format and it is customizable through css. On top of that, it is a standalone javascript solutions. It is free for non-commercial usage.

19. LightWindows

lightwindow.jpg

A comprehensive lightbox solutions which enable you to embed images, video,iFrame, flash and more.

20. SimpleModal

simplemodal.jpg

Yet another jQuery based modal dialog.

21. jqModal

jqmodal.jpg

22. Multibox

multibox.jpg

Support images,flash, video, mp3 and html and it is build with mootools.

23. Greybox

greybox.jpg

Can be used to display websites, images and other content, doesn’t rely on any ajax framework.

24. Highslide

highslide.jpg

A really quick and smooth free image viewer. It supports plenty of formats like html,ajax,iframe and flash.

25. Sexybox

sexybox.jpg

Another standalone lightbox which display content directly from html.

Lightbox Generator

VisualLightbox

WebGalleryCreator

Lightbox Plugins for WordPress

Lightbox2

jQuery Lightbox

Shadowbox

Flexible Lightbox

If you need more lightbox plugin for wordpress, you can visit the link here.

Alternative Solutions

Creating Lightbox with CSS

Firefox hack – Greased Lightbox

Related posts:

  1. Shortener..Shortener…40+ URL Shortener at Your Services!
  2. 10 Tutorials To Kickstart Your WordPress Plugins Development
  3. 60 Awesome Sites for Free Fonts
  4. 15 Essential Sites For Free Stock Images


Categories: Ajax, Web 2.0

16 Responses

  1. Shrihari says:

    You missed nyroModal from the list. This is the one i’ve found to be the most flexible one.

  2. fawce says:

    Thanks for this – wicked resource!

  3. piervix says:

    Great list… thnks!

  4. These are all wonderful! Very useful too, as this will greatly improve and enhance the site browsing experience. less time loading images and content, and more time reading and enjoying them! Thanks!

  5. Ghost Bear says:

    Thank you so much!

  6. sudhir says:

    Excellent Job !!

    Thanks a lot.. Very useful list

  7. Likno says:

    If you are also looking for a user interface to create modal dialogs, we suggest you also try out Likno Web Modal Windows Builder.

  8. Excellent Job !!

    Thanks a lot.. Very useful list

  9. Thank for sharing,I like it

  10. I love lightbox. Just integrated it into my own website, its really cool.

  11. dottony says:

    Glad that you like it. Cheers

  12. ed hardy says:

    Excellent Job !!

    Thanks a lot.. Very useful list

  13. edwin says:

    very useful thanks

  14. fddsf says:

    I love lightbox. Just integrated it into my own website, its really cool.
    I love lightbox. Just integrated it into my own website, its really cool.

  15. Charcoalrum says:

    Similar to Lokesh Dhakar lightbox solutions, except it is jQuery based.Similar to Lokesh Dhakar lightbox solutions, except it is jQuery based.

  16. Kawika says:

    Awesome list, thanks! I’ll have to try out some of the new ones I’ve never seen before.

Leave a Reply