Skip to content

sevagf/zoomtoo

Repository files navigation

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