Fix issue #25

Author: Tom Doan

README.md

@@ -6,6 +6,7 @@ If you don't use jQuery, then you can use [TrySound's vanilla JS version](https:
 
 #### [See a demo &raquo;](http://thdoan.github.io/magnify/demo.html)<br>
 #### [See a demo with mobile plugin &raquo;](http://thdoan.github.io/magnify/demo-mobile.html)
+#### [See a demo with an image map &raquo;](http://thdoan.github.io/magnify/demo-map.html)
 
 ## Getting Started
 

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "magnify",
   "description": "A simple, lightweight jQuery magnifying glass zoom plugin.",
-  "version": "1.6.11",
+  "version": "1.6.12",
   "main": [
     "dist/css/magnify.css",
     "dist/js/jquery.magnify.js"

dist/js/jquery.magnify.js

@@ -1,5 +1,5 @@
 /*!
- * jQuery Magnify Plugin v1.6.11 by Tom Doan (http://thdoan.github.io/magnify/)
+ * jQuery Magnify Plugin v1.6.12 by Tom Doan (http://thdoan.github.io/magnify/)
  * Based on http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3
  *
  * jQuery Magnify by Tom Doan is licensed under the MIT License.
@@ -154,6 +154,21 @@
             // Ensure lens is closed when tapping outside of it
             $('body').not($container).on('touchstart', hideLens);
 
+            // Image map needs to be on the same DOM level as image source
+            // See https://github.com/jquery/jquery/issues/3364
+            var sUsemap = $image.attr('usemap');
+            if (sUsemap) {
+              $image.after($('map[name=' + sUsemap.slice(1) + ']'));
+              $container.one('click', function(e) {
+                // Trigger click on image below lens at current cursor position
+                $lens.hide();
+                document.elementFromPoint(
+                  e.pageX || e.originalEvent.touches[0].pageX,
+                  e.pageY || e.originalEvent.touches[0].pageY
+                ).click();
+              });
+            }
+
             if ($anchor.length) {
               // Make parent anchor inline-block to have correct dimensions
               $anchor.css('display', 'inline-block');

package.json

@@ -1,6 +1,6 @@
 {
   "name": "magnify",
-  "version": "1.6.11",
+  "version": "1.6.12",
   "description": "A simple, lightweight jQuery magnifying glass zoom plugin.",
   "keywords": [
     "jquery-plugin",