Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

jQuery: Facebook-style lightbox in 5kb

branch: master
README.markdown

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

Something went wrong with that request. Please try again.