jQuery Popup Dialog And Gallery Plugin Reviews

Popups or 'inline dialogues' are becoming more and more crucial to web design, as they provide an unobtrusive manor to present content without spawning new browser windows which in many cases may not be an option due to popup blockers.

We have all seen, and are mostly sick of the usual Lightbox/Thickbox, but have you seen these! We have rounded some fantastic jquery popup plugins and some not so great ones, read the ratings and reviews to figure out what will work best for your website or application. Some were so bad they didnt even make this list!

FancyBox

The FancyBox plugin is very simple and easy to implement, looks fantastic out of the box, and has very clean CSS for you to expand upon or modify to your liking. Unfortunately it lacks some features that others may have such as modal support but it is work checking out.
fancybox screenshot

  • Appearance: 5/5
  • Easy Of Use: 5/5
  • Features: 3/5
  • Captions: Yes
  • Gallery Rel Attribute: Yes
  • Inline Content: Yes
  • Iframe Content: Yes
  • Modal Support: No
  • Customization: Low
  • Download: FancyBox

FaceBox

Although this popup script looks pretty slick I found that it loads fairly clunky, and seriously lacks in polish/features. I had to adjust paths right off the bat to get images to display properly, and it does not have basic support such as the rel attribute for galleries, title attribute for captions etc.

That being said if you love the Facebook popup look check it out!
facebox jquery plugin

  • Appearance: 4/5
  • Easy Of Use: 4/5
  • Features: 2/5
  • Captions: No
  • Gallery Rel Attribute: No
  • Inline Content: Yes
  • Iframe Content: No
  • Modal Support: No
  • Customization: Low
  • Download: FaceBox

Impromptu

Not that Impromptu looks bad, I would hardly call it generic enough to be suitable for every site out of the box. For those of you looking for image support this is probably not the popup plugin for you, as it primarily was created for dialog support replacing alert(), prompt() etc. I did however get it working with images pretty quick, but either way this is more of an dialog popup script.

jquery modal dialog

  • Appearance: 3/5
  • Easy Of Use: 3/5
  • Features: 4/5
  • Captions: No
  • Gallery Rel Attribute: No
  • Inline Content: No
  • Iframe Content: No
  • Modal Support: Yes
  • Customization: Medium
  • Download: Impromptu

BlockUI

This again is more of a developers dialog solution, and a pretty good one at that. Along with providing highly customizable JavaScript modal dialog support, it also can block page elements, or the entire page until Ajax (or other processing) is complete, which is very handy for applications.

BlockUI is ugly out of the box however the site has some good clean examples and how to implement them. It is a little strange in the fact that CSS is applied via JavaScript configuration rather than a stylesheet.

blockui jquery screenshot

  • Appearance: 1/5
  • Easy Of Use: 3/5
  • Features: 5/5
  • Captions: No
  • Gallery Rel Attribute: No
  • Inline Content: Yes
  • Iframe Content: Yes
  • Modal Support: Yes
  • Customization: High
  • Download: BlockUI

nyroModal

This popup dialog plugin has tons of features and an overall sexy look and smooth animation. My main problem with this one is that the consistency was no really there it did nto feel as solid as some of the others and I was getting strange CSS break-age with some images/pages.

jquery modal plugin screenshot

  • Appearance: 4/5
  • Easy Of Use: 4/5
  • Features: 5/5
  • Captions: Yes
  • Gallery Rel Attribute: Yes
  • Inline Content: Yes
  • Iframe Content: Yes
  • Modal Support: Yes
  • Customization: High
  • Download: nyroModal

FancyZoom

Another Fancy-something?? I guess so! they are very similar too, taking the Apple approach. I find this one to be fine, but the animations lag a little which I think really decreases user experience. Packing nearly the same features as FancyBox (less) I would suggest checking it out before this one.

apple popup javascript

  • Appearance: 3/5
  • Easy Of Use: 4/5
  • Features: 1/5
  • Captions: Yes
  • Gallery Rel Attribute: Yes
  • Inline Content: No
  • Iframe Content: No
  • Modal Support: No
  • Customization: Low
  • Download: FancyZoom

Boxy

Boxy is probably my favorite modal dialog jquery plugin so far, its not bad looking out of the box, very simple to implement, and has quite a few strong/simplistic features which are very polished. If you are in need of this sort of functionality for an application check it out!

modal dialog js

  • Appearance: 4/5
  • Easy Of Use: 5/5
  • Features: 4/5
  • Captions: No
  • Gallery Rel Attribute: No
  • Inline Content: Yes
  • Iframe Content: Yes
  • Modal Support: Yes
  • Customization: High
  • Download: Boxy

Flyout

The most interesting thing about Flyout is its support for easing functions, making the animations much more amusing, as well as some interesting loading effects. Other than the effects this plugin seriously lacks in standard functionality and because of that I would certainly not recommend it.

flyout screenshot

  • Appearance: 2/5
  • Easy Of Use: 4/5
  • Features: 1/5
  • Captions: No
  • Gallery Rel Attribute: No
  • Inline Content: No
  • Iframe Content: No
  • Modal Support: No
  • Customization: Low
  • Download: Flyout

Comments

looks very useful thanks

Nice colletion mate. I have also added the link to your post in my Ultimate collection of top jQuery tutorials, tips-tricks and techniques to improve performance. Have a check below:

http://technosiastic.wordpress.com/2009/09/24/collection-of-top-jquery-t...

Thanks for a nice overview. It was a nice starting point when I started to seek a replacement for Floatbox (the license didn't suit my anymore). I eventually found ColorBox (http://colorpowered.com/colorbox/) by taking a look at http://planetozh.com/projects/lightbox-clones/ . The list is quite comprehensive.

Yo he encontrado un plugin muy util para crear popup y carga las paginas desde ajax
el proyecto esta puesto en google code y se tiene que bajar desde la web del autor
estos son los links:
http://www.dieroboter.com/jQPOOOP/
http://code.google.com/p/pluginjquery/
http://plugins.jquery.com/project/jQPOOOP

Most of them do support ajax... and if not it is easy to inject data from an ajax request

Great set of plugins but I need window popup with ajax....

Thanks for sharing... I choose Facebox..

Thanks for this review. It was very helpful. nyroModal was the best solution for me (ajax, dynamic generated content, flash).

Thanks! I am aware of those two, just left them out since they are so common :)

I've been using Thickbox for a while, it's what I consider the granddaddy of them all. Supports images, galleries, ajax content, and even quicktime/flash. http://jquery.com/demo/thickbox/

Another image gallery script I use is the jQuery Lightbox Plugin (balupton edition) at http://www.balupton.com/sandbox/jquery_lightbox/. It's a lot more stylized and easy to use but only supports image as far as i'm aware. Great article!

I have used Boxy on a few projects now and things went fine. However I did not attempt to load external sites I mainly used it as a dialog for adding comments etc.

I have tried Facebox and Boxy, I have to say I by far prefer facebox, I tried it and it worked right away, I have been trying to make Boxy work (for hours) and have only had limited luck. Can't load external pages, and/or dynamic generated ones (won't work with my CMS), as opposed to Facebox. Boxy won't even load google into a box, won't even do anything when I add Google it just sits and does nothing, did you have better luck when you tried it out?

Thanks for your comments on boxy - if you have any ideas for improvements drop me an email.

Cheers,

-J