Force flyout to display when .show() is invoked manually

index.html

@@ -246,12 +246,13 @@ <h1>
 
 			<dl>
 				<dt>
-					<code>.show(<var>[MouseEvent|TouchEvent]</var>)</code>
+					<code>.show(<var>[MouseEvent|TouchEvent]</var>, <var>[Boolean]</var>)</code>
 				</dt>
 				<dd>
 					Displays the zoom image flyout. Optionally takes an instance of a
 					<a href="https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent">mouse</a> or
-					<a href="https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent">touch event</a>.
+					<a href="https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent">touch event</a>
+					and can be set to only display if the mouse is over the target.
 				</dd>
 				<dt>
 					<code>.hide()</code>
@@ -292,4 +293,4 @@ <h1>
 	</script>
 
 </body>
-</html>
+</html>

src/easyzoom.js

@@ -59,7 +59,7 @@
 
                 if ( ! e.originalEvent.touches || e.originalEvent.touches.length === 1) {
                     e.preventDefault();
-                    self.show(e);
+                    self.show(e, true);
                 }
             })
             .on('mousemove.easyzoom touchmove.easyzoom', function(e) {
@@ -86,14 +86,15 @@
     /**
      * Show
      * @param {MouseEvent|TouchEvent} e
+     * @param {Boolean} testMouseOver
      */
-    EasyZoom.prototype.show = function(e) {
+    EasyZoom.prototype.show = function(e, testMouseOver) {
         var w1, h1, w2, h2;
         var self = this;
 
         if (! this.isReady) {
             this._load(this.$link.attr('href'), function() {
-                if (self.isMouseOver) {
+                if (!testMouseOver || self.isMouseOver) {
                     self.show(e);
                 }
             });

test/spec/easyzoom.js

@@ -97,8 +97,6 @@
             start();
         };
 
-        api.isMouseOver = true;
-
         api.show();
 
     });