27.3.0

fix layer render while dragging on ios, mac
update example slider-with-fixed-static-element.html

LICENSE.txt

@@ -1,21 +1,25 @@
-MIT License
+The MIT License (MIT)
 
-Copyright (c) 2018 Jssor
+Copyright (c) 2018 Jssor Foundation
+https://www.jssor.com/
 
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
 
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

bower.json

@@ -5,7 +5,7 @@
         "url": "https://github.com/jssor/slider.git"
     },
     "description": "touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap",
-    "version": "27.2.0",
+    "version": "27.3.0",
     "homepage": "https://www.jssor.com",
     "keywords": [
         "javascript",

component.json

@@ -2,7 +2,7 @@
     "name": "jssor-slider",
     "repo": "jssor/slider",
     "description": "touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap",
-    "version": "27.2.0",
+    "version": "27.3.0",
     "homepage": "https://www.jssor.com",
     "keywords": [
         "javascript",

examples-jquery/slider-with-fixed-static-element.html

@@ -43,13 +43,12 @@
             <div><img data-u="image" src="../img/gallery/980x380/006.jpg" /></div>
             <div><img data-u="image" src="../img/gallery/980x380/007.jpg" /></div>
             <div><img data-u="image" src="../img/gallery/980x380/008.jpg" /></div>
-
-            <!-- the following element is at the same level of all other slides, it would be a slide element if the 'u="any"' attribute were not specified -->
-            <div id="myfixedelement" data-u="any" style="position: absolute; top: 50px; left: 50px; width: 100px; height: 26px; background-color: #fff; user-select: none; -ms-user-select: none; -moz-user-select: none;">
-                <!-- with 'u="any"' attribute specified, this element is no longer treated as slide, it is a fixed element now, it will always stay where it is. -->
-                <!-- reference: Hhttp://www.jssor.com/development/slider-with-fixed-static-element.html -->
-            </div>
         </div>
+        <!-- every element outside slides container is fixed/static element. -->
+        <!-- reference: http://www.jssor.com/development/slider-with-fixed-static-element.html -->
+        <div id="myfixedelement" style="position: absolute; top: 50px; left: 50px; width: 100px; height: 26px; background-color: #fff; user-select: none; -ms-user-select: none; -moz-user-select: none;">
+        </div>
+        <img src="../img/qr/jssor.com.png" style="position: absolute;bottom:8px;right:8px;width:80px;height:80px;opacity:.6;" />
     </div>
     <!-- Jssor Slider End -->
 </body>

examples/slider-with-fixed-static-element.html

@@ -42,13 +42,12 @@
             <div><img data-u="image" src="../img/gallery/980x380/006.jpg" /></div>
             <div><img data-u="image" src="../img/gallery/980x380/007.jpg" /></div>
             <div><img data-u="image" src="../img/gallery/980x380/008.jpg" /></div>
-
-            <!-- the following element is at the same level of all other slides, it would be a slide element if the 'u="any"' attribute were not specified -->
-            <div id="myfixedelement" data-u="any" style="position: absolute; top: 50px; left: 50px; width: 100px; height: 26px; background-color: #fff; user-select: none; -ms-user-select: none; -moz-user-select: none;">
-                <!-- with 'u="any"' attribute specified, this element is no longer treated as slide, it is a fixed element now, it will always stay where it is. -->
-                <!-- reference: Hhttp://www.jssor.com/development/slider-with-fixed-static-element.html -->
-            </div>
         </div>
+        <!-- every element outside slides container is fixed/static element. -->
+        <!-- reference: http://www.jssor.com/development/slider-with-fixed-static-element.html -->
+        <div id="myfixedelement" style="position: absolute; top: 50px; left: 50px; width: 100px; height: 26px; background-color: #fff; user-select: none; -ms-user-select: none; -moz-user-select: none;">
+        </div>
+        <img src="../img/qr/jssor.com.png" style="position: absolute;bottom:8px;right:8px;width:80px;height:80px;opacity:.6;" />
 
         <!-- Trigger -->
         <script>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "jssor-slider",
-  "version": "27.2.0",
+  "version": "27.3.0",
   "description": "touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap",
   "main": "js/jssor.slider.min.js",
   "homepage": "https://www.jssor.com",