Get new jQuery plugins just once a week

×

WheelZoom

December 15, 2012

WheelZoom | jQuery plugin to enlarge images on mousewheel scroll

Wheelzoom is a simple jQuery plugin to enlarge IMG elements on mousewheel or touchpad scroll.
Wheelzoom works on img elements by replacing the element’s background-image with it’s src. The src is then replaced with a transparent PNG. The zooming is handled by sizing and positioning the background-image.

The benefit to using a background-image is that plugin change the DOM or the positioning of the img element. This means that the plugin should Just Work™ regardless of your specific CSS or markup. The drawback that there is no support for background-sizing in older browsers (IE8). Unsupported browsers get the normal img element.

Created by Jack Moore

Download

Example

WheelZoom jQuery plugin

enlarge images on mousewheel

WheelZoom

Related posts:

FrameScrub
fullsizable
zoomwall-js
WheelZoom jQuery plugin

http://jquer.in/wp-content/uploads/2012/12/Wheelzoom.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever