🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Zoomtoo is a lightweight jQuery plugin that provides inner zoom functionality on your image when the mouse hovers over it.

image-zoom inner-zoom

Documentation

ZoomToo Build Status Bower Version Code Climate

ZoomToo is a jQuery plugin to show case your images with a magnifying lens when hovering.

Usage

  1. Include jQuery:

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  2. Include ZoomToo code:

    <script src="dist/jquery.zoomtoo.js"></script>
  3. Markup the container element:

    <div id="frame" data-src="high_res.jpg"> 	<img src="low_res.jpg" /> </div>
  4. Call the plugin:

    $("#frame").zoomtoo({ 	magnify: 1 });

This plugin is also registered under http://bower.io/ to simplify integration. Try:

npm install -g bower bower install zoomtoo 

Compatibility

jQuery Mask Plugin has been tested with jQuery 1.7.1 on all major browsers:

  • Firefox 2+ (Win, Mac, Linux);
  • IE7+ (Win);
  • Chrome 6+ (Win, Mac, Linux, Android, iPhone);
  • Safari 3.2+ (Win, Mac, iPhone);
  • Opera 8+ (Win, Mac, Linux, Android, iPhone).

Contributing

Check CONTRIBUTING.md for more information.

History

Check Releases for detailed changelog.

License

MIT License © Sevag Frankian


You May Also Like