Released v0.1.1

Author: Fengyuan Chen

CHANGELOG.md

@@ -1,6 +1,11 @@
 # Changelog
 
 
+## 0.1.1 (Oct 7, 2015)
+
+- Fixed the issue of modal closing after zoomed in and zoomed out.
+
+
 ## 0.1.0 (Sep 2, 2015)
 
 - Supports 2 modes: "modal" (default), "inline"

README.md

@@ -651,6 +651,12 @@ As a jQuery plugin, you also need to see the [jQuery Browser Support](http://jqu
 
 
 
+## Versioning
+
+Maintained under the [Semantic Versioning guidelines](http://semver.org/).
+
+
+
 ## [License](LICENSE.md)
 
-Released under the [MIT](http://opensource.org/licenses/mit-license.html) license.
+[MIT](http://opensource.org/licenses/MIT) © [Fengyuan Chen](http://github.com/fengyuanchen)

demo/index.html

@@ -33,9 +33,10 @@
       </div>
       <nav class="collapse navbar-collapse" id="navbar-collapse-1" role="navigation">
         <ul class="nav navbar-nav navbar-right">
-          <li><a href="http://github.com/fengyuanchen/viewer/tree/v0.1.0/README.md">Docs</a></li>
-          <li><a href="http://github.com/fengyuanchen/viewer">Github</a></li>
-          <li><a href="http://chenfengyuan.com">About</a></li>
+          <li><a href="https://github.com/fengyuanchen/viewer/blob/master/README.md">Docs</a></li>
+          <li><a href="https://github.com/fengyuanchen/viewer">Github</a></li>
+          <li><a href="https://chenfengyuan.com">About</a></li>
+          <li><a href="https://fengyuanchen.github.io">More</a></li>
         </ul>
       </nav>
     </div>
@@ -44,7 +45,7 @@
   <!-- Jumbotron -->
   <div class="jumbotron docs-jumbotron">
     <div class="container">
-      <h1>Viewer <small class="version">v0.1.0</small></h1>
+      <h1>Viewer</h1>
       <p class="lead">A simple jQuery image viewing plugin.</p>
     </div>
   </div>

dist/viewer.css

@@ -1,11 +1,11 @@
 /*!
- * Viewer v0.1.0
+ * Viewer v0.1.1
  * https://github.com/fengyuanchen/viewer
  *
  * Copyright (c) 2015 Fengyuan Chen
  * Released under the MIT license
  *
- * Date: 2015-09-02T09:08:17.223Z
+ * Date: 2015-10-07T06:34:31.370Z
  */
 .viewer-zoom-in:before,
 .viewer-zoom-out:before,

dist/viewer.js

@@ -1,11 +1,11 @@
 /*!
- * Viewer v0.1.0
+ * Viewer v0.1.1
  * https://github.com/fengyuanchen/viewer
  *
  * Copyright (c) 2015 Fengyuan Chen
  * Released under the MIT license
  *
- * Date: 2015-09-02T09:08:17.666Z
+ * Date: 2015-10-07T06:34:31.917Z
  */
 
 (function (factory) {
@@ -815,11 +815,6 @@
 
       if (action) {
         event.preventDefault();
-
-        if (action === 'move' && options.transition) {
-          this.$image.removeClass(CLASS_TRANSITION);
-        }
-
         this.action = action;
 
         // IE8  has `event.pageX/Y`, but not `event.originalEvent.pageX/Y`
@@ -831,6 +826,8 @@
 
     mousemove: function (event) {
       var options = this.options;
+      var action = this.action;
+      var $image = this.$image;
       var originalEvent = event.originalEvent;
       var touches = originalEvent && originalEvent.touches;
       var e = event;
@@ -856,9 +853,13 @@
         e = touches[0];
       }
 
-      if (this.action) {
+      if (action) {
         event.preventDefault();
 
+        if (action === 'move' && options.transition && $image.hasClass(CLASS_TRANSITION)) {
+          $image.removeClass(CLASS_TRANSITION);
+        }
+
         this.endX = e.pageX || originalEvent && originalEvent.pageX;
         this.endY = e.pageY || originalEvent && originalEvent.pageY;
 

dist/viewer.min.css

@@ -33,9 +33,10 @@
       </div>
       <nav class="collapse navbar-collapse" id="navbar-collapse-1" role="navigation">
         <ul class="nav navbar-nav navbar-right">
-          <li><a href="http://github.com/fengyuanchen/viewer/tree/v0.1.0/README.md">Docs</a></li>
-          <li><a href="http://github.com/fengyuanchen/viewer">Github</a></li>
-          <li><a href="http://chenfengyuan.com">About</a></li>
+          <li><a href="https://github.com/fengyuanchen/viewer/tree/v0.1.1/README.md">Docs</a></li>
+          <li><a href="https://github.com/fengyuanchen/viewer">Github</a></li>
+          <li><a href="https://chenfengyuan.com">About</a></li>
+          <li><a href="https://fengyuanchen.github.io">More</a></li>
         </ul>
       </nav>
     </div>
@@ -44,7 +45,7 @@
   <!-- Jumbotron -->
   <div class="jumbotron docs-jumbotron">
     <div class="container">
-      <h1>Viewer <small class="version">v0.1.0</small></h1>
+      <h1>Viewer <small class="version">v0.1.1</small></h1>
       <p class="lead">A simple jQuery image viewing plugin.</p>
     </div>
   </div>
@@ -57,11 +58,11 @@ <h1 class="page-header">Overview</h1>
         <h3 class="page-header">Options</h3>
         <div class="docs-toggles">
           <div class="btn-group btn-group-justified" data-toggle="buttons" role="group">
-            <label class="btn btn-primary active">
-              <input type="radio" name="inline" data-value="false" autocomplete="off" checked> Modal mode
-            </label>
             <label class="btn btn-primary">
-              <input type="radio" name="inline" data-value="true" autocomplete="off"> Inline mode
+              <input type="radio" name="inline" data-value="false" autocomplete="off"> Modal mode
+            </label>
+            <label class="btn btn-primary active">
+              <input type="radio" name="inline" data-value="true" autocomplete="off" checked> Inline mode
             </label>
           </div>
           <button class="btn btn-primary btn-block hidden-md hidden-lg" id="toggle-options" data-target="#options" data-toggle="collapse" aria-expanded="true">Toggle options</button>

dist/viewer.min.js

@@ -1,7 +1,7 @@
 {
   "name": "imageviewer",
   "description": "A simple jQuery image viewing plugin.",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "main": "dist/viewer.js",
   "keywords": [
     "image",