Multi-touch zoom fix

README.md

@@ -11,6 +11,7 @@
 - Hotkeys for next, previous and close buttons.
 - Closing after viewing of all images.
 - Preloading of next and previous images.
+- Multi-touch zoom.
 - Uses link's `href` or `data-href` attribute for large images.
 - Fully customizable styles.
 - Customizable bottom area.

abigimage.jquery.js

@@ -1,6 +1,6 @@
 /**
  * http://aeqdev.com/tools/js/abigimage/
- * v 1.2.7
+ * v 1.2.8
  *
  * Copyright © 2014 Maksim Krylosov <[email protected]>
  *
@@ -167,6 +167,7 @@
         minD,
         vert,
         touches,
+        multi,
 
         slideTransition = false,
         slideQueueFn = [null, null, null],
@@ -179,6 +180,7 @@
         y = 0;
         s = 1;
         vert = null;
+        multi = false;
         if (opts.imgCSS) {
             img.css({zIndex: opts.imgCSS.zIndex});
         }
@@ -202,6 +204,7 @@
     img[0].addEventListener('touchstart', function(e) {
         if (!opened) return;
         if (e.touches.length > 1) {
+            multi = true;
             k = dis(e);
             img.css({zIndex: opts.prevBtnBoxCSS.zIndex});
         } else {
@@ -262,8 +265,12 @@
 
         if (!e.touches.length) {
             if (s <= opts.zoomMin) {
-                if (dx >= -1 && dx <= 1 && dy >= -1 && dy <= 1) {
-                    slideNext(true);
+                if (time <= 1 || (dx >= -1 && dx <= 1 && dy >= -1 && dy <= 1)) {
+                    if (multi) {
+                        slideAnimate(0, 0, 1);
+                    } else {
+                        slideNext(true);
+                    }
                 } else {
                     if (vert) {
                         var ady = Math.abs(dy);

abigimage.jquery.json

@@ -1,6 +1,6 @@
 {
     "name": "abigimage",
-    "version": "1.2.7",
+    "version": "1.2.8",
     "title": "ABigImage - view big versions of images",
     "author": {
         "name": "Maksim Krylosov",

index.html

@@ -74,13 +74,13 @@ <h1>ABigImage</h1>
 
 <p>ABigImage is jQuery plugin for viewing big versions of images.</p>
 
-<p>Current version: <b>1.2.7</b> (2014-07-24).</p>
+<p>Current version: <b>1.2.8</b> (2014-07-24).</p>
 
 
 
 <div class="coll">
     <ul>
-        <li><a href="abigimage.jquery.js">abigimage.jquery.js</a> (16.6Kb)</li>
+        <li><a href="abigimage.jquery.js">abigimage.jquery.js</a> (16.8Kb)</li>
         <li><a href="abigimage.jquery.min.js">abigimage.jquery.min.js</a> (7.7Kb)</li>
         <li>Project on <a href="https://github.com/Aequiternus/ABigImage">GitHub</a></li>
     </ul>
@@ -108,6 +108,7 @@ <h2>Features</h2>
         <li>Hotkeys for next, previous and close buttons.</li>
         <li>Closing after viewing of all images.</li>
         <li>Preloading of next and previous images.</li>
+        <li>Multi-touch zoom.</li>
         <li>Uses link's <code>href</code> or <code>data-href</code> attribute for large images.</li>
         <li>Fully customizable styles.</li>
         <li>Customizable bottom area.</li>