开发完成

Author: KyLeoHC

demo/index.html

@@ -59,17 +59,17 @@ <h1>Hello, this is an image viewer.</h1>
         },
         swipeLastLeft: function (imageViewer, distance) {
             console.log('swipeLastLeft', distance);
-            if (distance > 50) {
-                imageViewer.setImageOption(['images/4.jpg']);
-                return true;
-            }
+//            if (distance > 50) {
+//                imageViewer.setImageOption(['images/4.jpg']);
+//                return true;
+//            }
         },
         swipeFirstRight: function (imageViewer, distance) {
             console.log('swipeFirstRight', distance);
-            if (distance > 30) {
-                imageViewer.setImageOption(['images/5.jpg', 'images/6.jpg', 'images/7.jpg']);
-                return true;
-            }
+//            if (distance > 30) {
+//                imageViewer.setImageOption(['images/5.jpg', 'images/6.jpg', 'images/7.jpg']);
+//                return true;
+//            }
         }
     });
 

dist/imageViewer.min.js

@@ -144,7 +144,7 @@ class Viewer {
         return this;
     }
 
-    calculate(a, b) {
+    _calculate(a, b) {
         return a > 0 ? (a - b) : (a + b);
     }
 
@@ -161,7 +161,7 @@ class Viewer {
         }
 
         if (this.needResetX) {
-            this.imageViewer._dealWithMoveAction({deltaX: this.calculate(this.currentPanelX, this.allowDistanceX)}, true);
+            this.imageViewer._dealWithMoveAction({deltaX: this._calculate(this.currentPanelX, this.allowDistanceX)}, true);
             setScaleAndTranslateStyle(this.panelEl, this.scale, this.currentPanelX > 0 ? this.allowDistanceX : -this.allowDistanceX, this.currentPanelY);
         } else {
             this.imageViewer._dealWithMoveAction({deltaX: 0}, true);
@@ -175,7 +175,7 @@ class Viewer {
         if (this.realWidth <= this.width && this.realHeight <= this.height)return this;
         let needSwipe = false;
         if (this.needResetX) {
-            needSwipe = this.imageViewer._dealWithMoveActionEnd({deltaX: this.calculate(this.currentPanelX, this.allowDistanceX)}, true);
+            needSwipe = this.imageViewer._dealWithMoveActionEnd({deltaX: this._calculate(this.currentPanelX, this.allowDistanceX)}, true);
         }
         if (needSwipe) {
             this.init(this.displayIndex, true, null, false);

src/core/viewer.js

@@ -1,5 +1,5 @@
 .viewer-animation {
-    transition: transform .4s;
+    transition: transform .3s;
 }
 
 .image-viewer {