Facebox

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

Benefits compared to original

• Faster page load (does the heavy lifting when a facebox 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 seperation between JS/CSS (no images/styles inside JS)
• Seperate centralize method to re-center the facebox externally
• No need to edit CSS (paths are set to images/facebox instead of /facebox)
• afterClose event is fired
• japanese close-label available

Installation

Download and unpack (use download button above), images go into /images/facebox , if not you can overwrite them in css.

Options

#name        : default
noAutoload   : false #do not generate facebox box at start, saves time (use when infrequently used)
opacity      : 0
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