Download jQuery Image Flyout Plugin

View the full revision history and usage of jQuery Flyout and fork it @github!

jQuery Flyout Release 1.3

Adds features to allow alternate screen sizing supports single vs. double click on images for different Flyout sizings

enhanced: new useNative flag if set to true uses window.innerHeight and innerWidth to utilize full viewport dimensions on alternate image screen sizing methods.
enhanced: new displayType setting allows target image to expand to full size, fit to max height or width of viewport or fill enlarge image to entire height or width of viewport, which ever is greater.
updated: changed load jQuery method to on("load") for modern jQuery compatibility. Now requires jQuery 1.7 or later.

Download jquery.flyout 1.3 release archive

Check out the examples for implementation ideas.

If you find a bug, have a feature idea or better yet, a pull request, please submit an issue and let me know what you've found.

Past Releases

jQuery Flyout Release 1.2

This release sees some major changes to the structure, including full closure for compatibility with other Javascript libraries, JSLint cleanup to core code and removal of the Opera hack from version 1.0

enhanced: new inOpacity, outOpacity and loaderOpacity allows animation of opacity during in/out operation and for the pre-loader element. See the new examples.
enhanced: new fullSizeImage boolean option expands the target image to its original size. Default for this option is false. See the new examples.
fixed: fixed start and animation positioning if loader has border
fixed: blank space at bottom of images by adding line-height:0px to flyout container
fixed: added full closure to plugin to allow cross-library compatibility
improvement: ran code through JSLint and fixed various issues
improvement: better support for padding and borders on the thumbnail image and final flyout image loader
removed: Opera hack; problem was fixed as of version 10+ of Opera. Code remains commented in the full version.

jQuery Flyout Release 1.1

enhanced: trigger to close flyout via script or external link was added.
fixed: Opera 9 doesn't report window.height() correctly; patched with code from jQuery Bug 3117. Note: once this is patched in jQuery core, or fixed in Opera this hack will be removed.

jQuery Flyout Release 1.0

fixed: clicking on open source link no longer reopens same image.
fixed: putAway function to put back to correct location in case thumb has moved by page or container element scroll.
enhanced: added callbacks putAwayStart, putAwayFinish, flyOutStart and flyOutFinish.
enhanced: added options destElement and destPadding to support final flyout destination element; define a fixed container anywhere in the document and the pic will fly to that location, regardless of viewport position.

revision index

JQuery Flyout

alternatives