What is it?

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page.
It was built using the jQuery library. Licensed under both MIT and GPL licenses

Features

• Can display images, HTML elements, SWF movies, Iframes and also Ajax requests
• Customizable through settings and CSS
• Groups related items and adds navigation.
• If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well
• Support fancy transitions by using easing plugin
• Adds a nice drop shadow under the zoomed item

Examples

Different animations - 'fade', 'elastic' and 'none'

Different title positions - 'outside', 'inside' and 'over'

Image gallery (ps, try using mouse scroll wheel)

Various examples

• Inline - auto detect width / height
• Inline - modal window
• Ajax - passing custom data
• Iframe (75% width and height)
• Swf
• Example of callbacks
• Non existing image
• Non existing url
• Google maps (iframe)
• Youtube (iframe)

Examples of manual call

• Image
• Image gallery