i-like-robots#79 Optional delay between mouseenter and show

index.html

@@ -243,7 +243,7 @@ <h2>
 					<tr>
 						<td><var>errorDuration</var></td>
 						<td><code>2500</code></td>
-						<td>The time (in milliseconds) to display the error notice</td>
+						<td>The time (in milliseconds) to display the error notice.</td>
 					</tr>
 					<tr>
 						<td><var>preventClicks</var></td>
@@ -265,6 +265,11 @@ <h2>
 						<td><code>$.noop</code></td>
 						<td>Callback function to execute when the flyout is removed.</td>
 					</tr>
+					<tr>
+						<td><var>showDelay</var></td>
+						<td><code>0</code></td>
+						<td>The amount of time (in milliseconds) that should pass between mouseenter and displaying the zoom image.</td>
+					</tr>
 				</tbody>
 			</table>
 

src/easyzoom.js

@@ -25,7 +25,10 @@
         onHide: $.noop,
 
         // Callback function to execute when the cursor is moved while over the image.
-        onMove: $.noop
+        onMove: $.noop,
+
+        // The amount of time (in milliseconds) that should pass between mouseenter and displaying the zoom image
+        showDelay: 0
 
     };
 
@@ -81,25 +84,33 @@
             });
         }
 
-        this.$target.append(this.$flyout);
+        var appendFunction = $.proxy(function () {
+            this.$target.append(this.$flyout);
+
+            w1 = this.$target.width();
+            h1 = this.$target.height();
 
-        w1 = this.$target.width();
-        h1 = this.$target.height();
+            w2 = this.$flyout.width();
+            h2 = this.$flyout.height();
 
-        w2 = this.$flyout.width();
-        h2 = this.$flyout.height();
+            dw = this.$zoom.width() - w2;
+            dh = this.$zoom.height() - h2;
 
-        dw = this.$zoom.width() - w2;
-        dh = this.$zoom.height() - h2;
+            rw = dw / w1;
+            rh = dh / h1;
 
-        rw = dw / w1;
-        rh = dh / h1;
+            this.isOpen = true;
 
-        this.isOpen = true;
+            this.opts.onShow.call(this);
 
-        this.opts.onShow.call(this);
+            e && this._move(e);
+        }, this);
 
-        e && this._move(e);
+        if (this.opts.showDelay) {
+            window.setTimeout(appendFunction, this.opts.showDelay);
+        } else {
+            appendFunction();
+        }
     };
 
     /**