facybox

Demo: facybox homepage or open index.html.
Need help? Join the Original Facebox Google Groups mailing list

Benefits added by mWolff

• Caption below picture for Galleries
• New loading image
• If Content is smaller then Browser's Height, centralize vertically
• Improved msie support

Benefits compared to original

• Faster page load (does the heavy lifting when a facybox is opened and not at startup)
• Smaller file size (smaller code + minified using YUI)
• Locally testable (does not require you to host a server just to try locally)
• Gallery mode available
• Useable as modal dialog (additional mode that does not allow users to dismiss the box)
• Clean separation between JS/CSS (no images/styles inside JS)
• Separate centralize method to re-center the facybox externally
• No need to edit CSS (paths are set to images/facybox instead of /facybox)
• afterClose event is fired

Installation

Download and unpack (use download button above). Images go into /images/facybox or you can overwrite them in facybox_urls.css.

Options

#name        : default
noAutoload   : false #do not generate facybox box at start, saves time (use when infrequently used)
opacity      : 0.3
overlay      : true
modal        : false #do not allow the user to dismiss the dialog
imageTypes   : [ 'png', 'jpg', 'jpeg', 'gif' ]

TODO

• add modal mode demo
• show loading during whole Ajax/Images load

Author

Original: defunkt
Enhancements: Michael Grosser

Facybox port: Mauricio Wolff