Skip to content
A jQuery-based, Facebook/Fancybox-style lightbox which can display images, divs, or entire remote pages. Based on fancybox.net and famspam.com/facebox
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
images Fixed css (ie6 hacks now in js), Added coffee's donation button Sep 20, 2009
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

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

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.