About Zoom
A small jQuery plugin for zooming images on mouseover or mousedown. See the
project page for documentation and a demonstration. Released under the
MIT license.
To compile the .min.js file, run:
uglifyjs -c -m --comments '/license:/' < jquery.zoom.js > jquery.zoom.min.js
Changelog:
##### v1.7.22 - 2025/9/7
* Removed $.isFunction for jQuery 4 compatibility. Merged #161
##### v1.7.21 - 2018/4/26
* Added empty alt attribute. Resolves #134
##### v1.7.20 - 2017/4/25
* Replaced alt and aria-hidden with role attribute. Resolves #121
##### v1.7.19 - 2017/4/20
* Added alt and aria-hidden attributes to the zoom layer img element. Merged #121
##### v1.7.18 - 2016/9/9
* Fixed regression from 1.7.16 that occurred when the target option was passed a selector. Fixes #113
##### v1.7.17 - 2016/9/7
* Detect src using element.currentSrc to support srcset. Fixes #82
##### v1.7.16 - 2016/9/7
* Cancelled the onload event when calling destroy. Fixes #83
##### v1.7.15 - 2016/2/8
* Added touchend event, might fix #97 #75 #62. Merges #100.
##### v1.7.14 - 2015/3/18
* Fixes bug with passing the
target property a selector, rather than a DOM node. Merges #73.
##### v1.7.13 - 2014/4/29
* Destroy event does a better job of reseting back to the original state.
##### v1.7.12 - 2014/2/11
* Set zoomed image's maxHeight to none, just in case a maxHeight has been defined for images in the CSS.
##### v1.7.11 - 2013/11/12
* Added magnify property to allow scaling of the zoomed image.
##### v1.7.10 - 2013/10/16
* Fixed bug relating to the size of the target element when using the target property (Fixes #35)
##### v1.7.9 - 2013/10/16
* Added simple fallback for touch events (Fixes #37 #39)
* Renamed minified file to jquery.zoom.min.js to match jQuery's convention.
##### v1.7.8 - 2013/7/30
* Will use data-src attribute if present before checking for the presence of an src attribute.
##### v1.7.7 - 2013/7/14
* Restricted grab to just the left-mouse-button on mousedown
##### v1.7.6 - 2013/6/24
* Fixed misnamed onZoomOut callback
##### v1.7.5 - 2013/6/19
* Fixed a bug with absolutely or fixed position target elements
* Set the value of
this to be zoom-image element for the onZoomIn and onZoomOut callbacks
##### v1.7.4 - 2013/6/18
* Namespaced events to assist unbinding events.
* Added destroy event to unbind zoom events & remove created img element. Example:
$('.example').trigger('zoom.destroy');
* Added onZoomIn and onZoomOut callbacks
##### v1.7.3 - 2013/6/10
* Fixing mistake made in previous commit
##### v1.7.2 - 2013/6/6
* Replaced new Image() with document.createElement('img') to avoid a potential bug in Chrome 27.
##### v1.7.1 - 2013/3/12
* Replaced jQuery shorthand methods with on() in anticipation of jQuery 2.0
##### v1.7.0 - 2013/1/31
* Added 'toggle' behavior to zoom in/out on click. Example: $('#example').zoom({ on:'toggle' });
* Removed the icon property in favor of just using CSS.
##### v1.6.0 - 2013/1/22
* Created $.zoom which contains the positioning logic, so that users can write custom controls or event handling.
##### v1.5.0 - 2012/11/19
* Added 'target' property for specifying the element that displays the zoomed image.
##### v1.4.0 - 2012/9/29
* Changed API & added option to activate on click.
##### v1.3.0 - 2011/12/21
* Added 'callback' property that will execute a callback function once the image has loaded.
* Fixed a bug relating to the 'grab' property
##### v1.2.0 - 2011/11/15
* Fixed a positioning bug
##### v1.1.0 - 2011/11/15
* Added 'grab' property
##### v1.0.0 - 2011/11/11
* First release