27.1.0

- Update: jssor slider 27.1.0 - Add: drag ratio option - Fix: bullet navigator in multi rows
jssor · Mar 2, 2018 · 2a80e57 · 2a80e57
1 parent 5acdbaf
commit 2a80e57
Show file tree

Hide file tree

Showing 33 changed files with 11 additions and 71 deletions.
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
  "name": "jssor-slider",
  "description": "Responsive Javascript Image/Content Slider/Slideshow/Carousel/Gallery/Banner/HTML5 AD",
- "version": "27.0.4",
+ "version": "27.1.0",
  "homepage": "https://www.jssor.com",
  "keywords": [
  "javascript",

diff --git a/component.json b/component.json
@@ -2,7 +2,7 @@
  "name": "jssor-slider",
  "repo": "jssor/slider",
  "description": "Responsive Javascript Image/Content Slider/Slideshow/Carousel/Gallery/Banner/HTML5 AD",
- "version": "27.0.4",
+ "version": "27.1.0",
  "homepage": "https://www.jssor.com",
  "keywords": [
  "javascript",

diff --git a/demos-jquery/banner-slider.html b/demos-jquery/banner-slider.html
@@ -31,9 +31,7 @@
  },
  $ThumbnailNavigatorOptions: {
  $Class: $JssorThumbnailNavigator$,
- $Cols: 1,
  $Orientation: 2,
- $Align: 0,
  $NoDrag: true
  }
  };

diff --git a/demos-jquery/carousel-slider.html b/demos-jquery/carousel-slider.html
@@ -20,8 +20,6 @@
  $SlideDuration: 160,
  $SlideWidth: 200,
  $SlideSpacing: 3,
- $Cols: 5,
- $Align: 390,
  $ArrowNavigatorOptions: {
  $Class: $JssorArrowNavigator$,
  $Steps: 5

diff --git a/demos-jquery/grid-slider.html b/demos-jquery/grid-slider.html
@@ -28,7 +28,6 @@
  $SlideWidth: 200, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  //$SlideHeight: 150, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  $SlideSpacing: 3, //[Optional] Space between each slide in pixels, default value is 0
- $Cols: 4, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
  $Align: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  $UISearchMode: 0, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
 
@@ -59,7 +58,6 @@
  //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  $SlideHeight: 150, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  $SlideSpacing: 3, //[Optional] Space between each slide in pixels, default value is 0
- $Cols: 3, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
  $Align: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  $UISearchMode: 0, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
  $PlayOrientation: 2, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1

diff --git a/demos-jquery/image-gallery-with-vertical-thumbnail.html b/demos-jquery/image-gallery-with-vertical-thumbnail.html
@@ -44,7 +44,6 @@
  $ThumbnailNavigatorOptions: {
  $Class: $JssorThumbnailNavigator$,
  $Rows: 2,
- $Cols: 6,
  $SpacingX: 14,
  $SpacingY: 12,
  $Orientation: 2,

diff --git a/demos-jquery/image-gallery.html b/demos-jquery/image-gallery.html
@@ -51,10 +51,8 @@
  },
  $ThumbnailNavigatorOptions: {
  $Class: $JssorThumbnailNavigator$,
- $Cols: 5,
  $SpacingX: 5,
- $SpacingY: 5,
- $Align: 390
+ $SpacingY: 5
  }
  };
 

diff --git a/demos-jquery/nearby-image-partial-visible-slider.html b/demos-jquery/nearby-image-partial-visible-slider.html
@@ -17,8 +17,6 @@
  var jssor_1_options = {
  $AutoPlay: 1,
  $SlideWidth: 720,
- $Cols: 2,
- $Align: 130,
  $ArrowNavigatorOptions: {
  $Class: $JssorArrowNavigator$
  },

diff --git a/demos-jquery/nested-slider.html b/demos-jquery/nested-slider.html
@@ -24,8 +24,6 @@
  //$SlideWidth: 200, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  //$SlideHeight: 150, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  $SlideSpacing: 3, //[Optional] Space between each slide in pixels, default value is 0
- $Cols: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
- $Align: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  $UISearchMode: 0, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
 
  $BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not
@@ -54,8 +52,6 @@
  //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  //$SlideHeight: 150, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  $SlideSpacing: 3, //[Optional] Space between each slide in pixels, default value is 0
- $Cols: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
- $Align: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  $UISearchMode: 0, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
  $PlayOrientation: 2, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
  $DragOrientation: 0, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $Cols is greater than 1, or parking position is not 0),
@@ -68,8 +64,6 @@
  $Rows: 1, //[Optional] Specify lanes to arrange thumbnails, default value is 1
  $SpacingX: 0, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
  $SpacingY: 0, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
- $Cols: 3, //[Optional] Number of pieces to display, default value is 1
- $Align: 0, //[Optional] The offset position to park thumbnail
  $Orientation: 1, //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
  $NoDrag: false //[Optional] Disable drag or not, default value is false
  }

diff --git a/demos-jquery/scrolling-logo-thumbnail-slider.html b/demos-jquery/scrolling-logo-thumbnail-slider.html
@@ -21,7 +21,7 @@
  $SlideEasing: $Jease$.$Linear,
  $PauseOnHover: 4,
  $SlideWidth: 140,
- $Cols: 7
+ $Align: 0
  };
 
  var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

diff --git a/demos-jquery/tab-slider-text-vertical.html b/demos-jquery/tab-slider-text-vertical.html
@@ -23,8 +23,6 @@
  //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  $SlideSpacing: 5, //[Optional] Space between each slide in pixels, default value is 0
- $Cols: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
- $Align: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
  $PlayOrientation: 2, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
  $DragOrientation: 3, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $Cols is greater than 1, or parking position is not 0)
@@ -37,7 +35,6 @@
  $Rows: 1, //[Optional] Specify lanes to arrange thumbnails, default value is 1
  $SpacingX: 0, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
  $SpacingY: 0, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
- $Cols: 5, //[Optional] Number of pieces to display, default value is 1
  $Align: 0, //[Optional] The offset position to park thumbnail
  $Orientation: 2, //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
  $NoDrag: true //[Optional] Disable drag or not, default value is false

diff --git a/demos-jquery/tab-slider-text.html b/demos-jquery/tab-slider-text.html
@@ -23,7 +23,6 @@
  //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  $SlideSpacing: 5, //[Optional] Space between each slide in pixels, default value is 0
- $Cols: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
  $Align: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
  $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
@@ -37,7 +36,6 @@
  $Rows: 1, //[Optional] Specify lanes to arrange thumbnails, default value is 1
  $SpacingX: 0, //[Optional] Horizontal space between each thumbnail in pixel, default value is 0
  $SpacingY: 0, //[Optional] Vertical space between each thumbnail in pixel, default value is 0
- $Cols: 5, //[Optional] Number of pieces to display, default value is 1
  $Align: 0, //[Optional] The offset position to park thumbnail
  $Orientation: 1, //[Optional] Orientation to arrange thumbnails, 1 horizental, 2 vertical, default value is 1
  $NoDrag: true //[Optional] Disable drag or not, default value is false

diff --git a/demos/banner-slider.html b/demos/banner-slider.html
@@ -30,9 +30,7 @@
  },
  $ThumbnailNavigatorOptions: {
  $Class: $JssorThumbnailNavigator$,
- $Cols: 1,
  $Orientation: 2,
- $Align: 0,
  $NoDrag: true
  }
  };

diff --git a/demos/carousel-slider.html b/demos/carousel-slider.html
@@ -19,8 +19,6 @@
  $SlideDuration: 160,
  $SlideWidth: 200,
  $SlideSpacing: 3,
- $Cols: 5,
- $Align: 390,
  $ArrowNavigatorOptions: {
  $Class: $JssorArrowNavigator$,
  $Steps: 5

diff --git a/demos/grid-slider.html b/demos/grid-slider.html
@@ -23,7 +23,6 @@
  //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  $SlideHeight: 150, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  $SlideSpacing: 3, //[Optional] Space between each slide in pixels, default value is 0
- $Cols: 3, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
  $Align: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  $UISearchMode: 0, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
  $PlayOrientation: 2, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1
@@ -71,7 +70,6 @@
  $SlideWidth: 200, //[Optional] Width of every slide in pixels, default value is width of 'slides' container
  //$SlideHeight: 150, //[Optional] Height of every slide in pixels, default value is height of 'slides' container
  $SlideSpacing: 3, //[Optional] Space between each slide in pixels, default value is 0
- $Cols: 4, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1
  $Align: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0.
  $UISearchMode: 0, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc).
 

diff --git a/demos/image-gallery-with-vertical-thumbnail.html b/demos/image-gallery-with-vertical-thumbnail.html
@@ -43,7 +43,6 @@
  $ThumbnailNavigatorOptions: {
  $Class: $JssorThumbnailNavigator$,
  $Rows: 2,
- $Cols: 6,
  $SpacingX: 14,
  $SpacingY: 12,
  $Orientation: 2,

diff --git a/demos/image-gallery.html b/demos/image-gallery.html
@@ -50,10 +50,8 @@
  },
  $ThumbnailNavigatorOptions: {
  $Class: $JssorThumbnailNavigator$,
- $Cols: 5,
  $SpacingX: 5,
- $SpacingY: 5,
- $Align: 390
+ $SpacingY: 5
  }
  };
 

diff --git a/demos/nearby-image-partial-visible-slider.html b/demos/nearby-image-partial-visible-slider.html
@@ -16,8 +16,6 @@
  var jssor_1_options = {
  $AutoPlay: 1,
  $SlideWidth: 720,
- $Cols: 2,
- $Align: 130,
  $ArrowNavigatorOptions: {
  $Class: $JssorArrowNavigator$
  },