jQuery: Facebook-style lightbox in 5kb
Switch branches/tags
Nothing to show
Pull request Compare This branch is even with grosser:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo
images
releases
screenshots
.gitignore
README.markdown
build_tar.sh
facebox.css
facebox.js
facebox.min.css
facebox.min.js
index.html
jquery.js
minify.sh

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