Ajax lightbox and modal dialog solutions

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

Via: http://www.dottony.com/30-useful-ajax-lightbox-and-modal-dialog-solutions/

Be Sociable, Share!

You may also like...

1 Response

  1. stk says:

    Thanks for telling me that JS is required to add comments. ;)

    The 2nd-to-last link you have “Creating Lightbox with CSS” is a lie. It’s a technique that relies on (and fails miserably without) JavaScript. Even as a JS technique it’s crap. Here’s Why

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>