Skip to content

29 de Junho de 2009

1

Ajax lightbox and modal dialog solutions

1. Lightbox2

lightbox2.jpg

A pop­u­lar light­box solu­tions that writ­ten by Lokesh Dhakar, it is built on pro­to­type and scrip­tac­u­lous frame­work. It only sup­ports images and slideshow.

 

2. Light­box Gone Wild

lightbox-gone-wild.jpg

Inspired by light­box and include the sup­port for form and html. It is based on pro­to­type and scriptaculous.

3. Col­or­box

colorbox.jpg

Light­weight and cus­tomiz­able light­box plu­gin through CSS and jQuery. The plu­gin sup­port images, image group, ajax, inline con­tent and iframe content.

4. Fan­cy­box

fancylightbox.jpg

Dis­play images, html and mul­ti­me­dia con­tent. It is a jQuery based lightbox.

5. jQuery Light­box Plugin

jquerylightbox.jpg

Sim­i­lar to Lokesh Dhakar light­box solu­tions, except it is jQuery based.

6. pret­ty­Photo

prettyphoto.jpg

Jquery light­box clone and sup­port more mul­ti­me­dia format.

7. Lite­box

litebox.jpg

Light­weight light­box which built on moo.fx and prototype.lite.

8. Thick­box

thickbox.jpg

Sim­i­lar solu­tions to lightbox2, but it has more fea­tures like dis­play inline con­tent, iframed con­tent or con­tent served through ajax in a hybrid modal. It is build on jQuery.

9. Slightly Thickerbox

slightlythickerbox.jpg

A mod from thick­box which add on next and pre­vi­ous but­ton to form a images gallery.

10. Slim­box

slimbox2.jpg

The ulti­mate light­weight Light­box clone for jQuery. As stated, slim and slim­mer solu­tions for lightbox.

11. LightView

lightview.jpg

Built with pro­to­type and scrip­tac­u­lous. Sup­ports plenty of media format.

12. jQuery Dialog

jquerydialog.jpg

jQuery UI also con­tains dia­log com­po­nent, although its nature is more like a dia­log and form. But, you can cus­tomize to cre­ate your own fla­vor of image pre­view or gallery.

13. Pro­to­type Window

prototype.jpg

A pro­to­type based win­dow dialog.

14. MochaUI

mochaui.jpg

MochaUI is an UI frame­work for mootools. It includes dia­log win­dows for dis­play­ing rich content.

15. Face­box

fambox.jpg

Face­book light­box aliked, jQuery based modal dia­log. It sup­port images, div or entire remote pages.

16. Boxy

boxy.jpg

Face­box aliked, but it sup­port more fea­tures like drag­ging and size tweening.

17. Modal­Box

modalbox.png

A modal dia­log that allow you to include html within. Build with pro­to­type and scriptaculous.

18. Shad­ow­box

shadowbox.jpg

Sup­port most of the media for­mat and it is cus­tomiz­able through css. On top of that, it is a stand­alone javascript solu­tions. It is free for non-commercial usage.

19. LightWin­dows

lightwindow.jpg

A com­pre­hen­sive light­box solu­tions which enable you to embed images, video,iFrame, flash and more.

20. Sim­ple­Modal

simplemodal.jpg

Yet another jQuery based modal dialog.

21. jqModal

jqmodal.jpg

22. Multi­box

multibox.jpg

Sup­port images,flash, video, mp3 and html and it is build with mootools.

23. Grey­box

greybox.jpg

Can be used to dis­play web­sites, images and other con­tent, doesn’t rely on any ajax framework.

24. High­slide

highslide.jpg

A really quick and smooth free image viewer. It sup­ports plenty of for­mats like html,ajax,iframe and flash.

25. Sexy­box

sexybox.jpg

Another stand­alone light­box which dis­play con­tent directly from html.

Light­box Generator

Visu­al­Light­box

Web­GalleryCre­ator

Light­box Plu­g­ins for WordPress

Lightbox2

jQuery Light­box

Shad­ow­box

Flex­i­ble Lightbox

If you need more light­box plu­gin for word­press, you can visit the link here.

Alter­na­tive Solutions

Cre­at­ing Light­box with CSS

Fire­fox hack – Greased Lightbox

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

Be Socia­ble, Share!

1 Comment Post a comment
  1. Set 4 2009

    Thanks for telling me that JS is required to add com­ments. ;)

    The 2nd-to-last link you have “Cre­at­ing Light­box with CSS” is a lie. It’s a tech­nique that relies on (and fails mis­er­ably with­out) JavaScript. Even as a JS tech­nique it’s crap. Here’s Why

Share your thoughts, post a comment.

(required)
(required)

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments

Spam protection by WP Captcha-Free

Bad Behavior has blocked 58 access attempts in the last 7 days.