Minimal jQuery Image Zooming Plugin - Wheelzoom

Minimal jQuery Image Zooming Plugin - Wheelzoom
File Size: 85.4 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Wheelzoom is a lightweight and simple jQuery plugin which allows your visitor to zoom in / out  images with mousewheel or trackpad.

How to use it:

1. Include the latest jQuery javascript library from google CDN

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

2. Include jquery.wheelzoom.js script after jQuery

<script src="jquery.wheelzoom.js"></script>

3. Insert an image on your web page

<img src='demo.jpg' alt='Demo' width='600' height='450'/>

4. Initialize the plugin

<script>
$(document).ready(function(){
$('img').wheelzoom();
});
</script>

Change log:

2014-09-10

  • fix background-image path bug.

2014-04-18

  • Simplified by dropping support for having border and padding on the img element.

This awesome jQuery plugin is developed by jackmoore. For more Advanced Usages, please check the demo page or visit the official website.