A jQuery-based, Facebook/Fancybox-style lightbox which can display images, divs, or entire remote pages. Based on fancybox.net and famspam.com/facebox
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo Fixed css (ie6 hacks now in js), Added coffee's donation button Sep 20, 2009
images
MIT-LICENCE.txt
README.markdown update README for 1.2 Sep 16, 2009
facybox.css
facybox.jquery.json
facybox.js
facybox_basefiles.zip
facybox_urls.css
index.html
logo-fireworks.png Created logo, index page reformated and recontented... :) Sep 11, 2009

README.markdown

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