jQuery Plugin for zooming images
Attention: it's alpha test version.
$ bower install uzoom
Use jQuery selector to find your images, then call .uzoom([options])
plugin:
$(".zoomer").uzoom();
Html examples:
<a class="zoomer" href="bigimage.jpg"><img src="smallimage.jpg" /></a>
<img class="zoomer" src="smallimage.jpg" data-origin="bigimage.jpg" />
<img class="zoomer" src="smallimage.jpg" />
Options:
- "fadeDuration" - (ms) How fast big image fadin` in
- "hideCursor" - (bool) Hide cursor if it possible
- "cursor" - (string) style for cursor (default, pointer, zoom-in and others...)
- Chrome 37.0.2062.124 m
- Firefox 32.0.3 (issue exists)
- Safari 5.1.7
- IE 9
IE <=8
- Some bug in firefox with page scrollbar when mouse over image
- jquery
- jquery.tie
Performed by @morulus