Skip to content
jQuery: Facebook-style lightbox in 5kb
JavaScript Shell
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
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

Something went wrong with that request. Please try again.