Skip to content

Commit c61b0b1

Browse files
ganlanyuanganlanyuan
committed
version v2.9.1
1 parent ee469fb commit c61b0b1

13 files changed

+28
-28
lines changed

‎CONTRIBUTING.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ Tiny-slider was strongly inspired by [Owl Carousel](https://owlcarousel2.github.
1515
### Fire an issue
1616
We can't test Tiny-slider on every browser and device. There are always some edge cases in which tiny-slider may not run properly. Fire an issue when it doesn't work for you. This not only helps you, also prevent others from facing the same issue.
1717
**Notes for firing issues:**
18-
- Before you fire an issue, make sure you update to the latest version of each main version. (e.g. v2.9.0 for version 2)
18+
- Before you fire an issue, make sure you update to the latest version of each main version. (e.g. v2.9.1 for version 2)
1919
- Provide the OS and browser version.
2020
- Provide a link or your plugin options.
2121

‎README.md

+10-10
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# tiny-slider 2.0
22
[![](https://data.jsdelivr.com/v1/package/npm/tiny-slider/badge?style=rounded)](https://www.jsdelivr.com/package/npm/tiny-slider)
3-
![version](https://img.shields.io/badge/Version-2.9.0-green.svg)
3+
![version](https://img.shields.io/badge/Version-2.9.1-green.svg)
44
Tiny slider for all purposes, inspired by [Owl Carousel](https://owlcarousel2.github.io/OwlCarousel2/).
55
[Demos](http://ganlanyuan.github.io/tiny-slider/demo)
66
[Test results](http://ganlanyuan.github.io/tiny-slider/test)
@@ -104,7 +104,7 @@ Tiny slider for all purposes, inspired by [Owl Carousel](https://owlcarousel2.gi
104104
<td>&nbsp;</td>
105105
</tr>
106106
<tr>
107-
<td>Center (v2.9.0+)</td>
107+
<td>Center (v2.9.1+)</td>
108108
<td>✓</td>
109109
<td>✓</td>
110110
<td>✓</td>
@@ -211,8 +211,8 @@ Tiny slider for all purposes, inspired by [Owl Carousel](https://owlcarousel2.gi
211211
## Usage
212212
#### 1. Add CSS (and IE8 polyfills if needed)
213213
```html
214-
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.0/tiny-slider.css">
215-
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.0/min/tiny-slider.helper.ie8.js"></script><![endif]-->
214+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/tiny-slider.css">
215+
<!--[if (lt IE 9)]><script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.helper.ie8.js"></script><![endif]-->
216216
```
217217

218218
#### 2. Add markup
@@ -228,7 +228,7 @@ Tiny slider for all purposes, inspired by [Owl Carousel](https://owlcarousel2.gi
228228
#### 3. Call tns()
229229
Add tiny-slider.js to your page:
230230
```html
231-
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.0/min/tiny-slider.js"></script>
231+
<script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.1/min/tiny-slider.js"></script>
232232
<!-- NOTE: prior to v2.2.1 tiny-slider.js need to be in <body> -->
233233
```
234234

@@ -238,7 +238,7 @@ Or import `tns` via `webpack` or `rollup`:
238238
import { tns } from "./node_modules/tiny-slider/src/tiny-slider"
239239
```
240240

241-
Or import `tns` directly start from v2.9.0
241+
Or import `tns` directly start from v2.9.1
242242
```html
243243
<script type="module">
244244
import {tns} from './src/tiny-slider.js';
@@ -267,7 +267,7 @@ Or import `tns` directly start from v2.9.0
267267
| `autoWidth` | Boolean | Default: false. <br> If `true`, the width of each slide will be its natural width as a `inline-block` box. |
268268
| `viewportMax` (was `fixedWidthViewportWidth`) | positive integer \| false | Default: false. <br> Maximum viewport width for `fixedWidth`/`autoWidth`. |
269269
| `slideBy` | positive number \| "page" | Default: 1. <br> Number of slides going on one "click". |
270-
| `center` (v2.9.0+) | Boolean | Default: false. <br> Center the active slide in the viewport. |
270+
| `center` (v2.9.1+) | Boolean | Default: false. <br> Center the active slide in the viewport. |
271271
| `controls` | Boolean | Default: true. <br> Controls the display and functionalities of `controls` components (prev/next buttons). If `true`, display the `controls` and add all functionalities. <br>For better accessibility, when a prev/next button is focused, user will be able to control the slider using left/right arrow keys.|
272272
| `controlsPosition` | "top" \| "bottom" | Default: "top". <br> Controls `controls` position. |
273273
| `controlsText` | (Text \| Markup) Array | Default: ["prev", "next"]. <br> Text or markup in the prev/next buttons. |
@@ -298,12 +298,12 @@ Or import `tns` directly start from v2.9.0
298298
| `autoHeight` | Boolean | Default: false. <br> Height of slider container changes according to each slide's height. |
299299
| `responsive` | Object: { <br>&emsp;breakpoint: { <br>&emsp;&emsp;key: value<br>&emsp;} <br>} \| false | Default: false. <br>Breakpoint: Integer.<br>Defines options for different viewport widths (see [Responsive Options](#responsive-options)). <br> |
300300
| `lazyload` | Boolean | Default: false. <br> Enables lazyloading images that are currently not viewed, thus saving bandwidth (see [demo](http://ganlanyuan.github.io/tiny-slider/tests/#lazyload_wrapper)). <br> NOTE: <br>+ Class `.tns-lazy-img` need to be set on every image you want to lazyload if option `lazyloadSelector` is not specified; <br>+ `data-src` attribute with its value of the real image `src` is requierd; <br>+ `width` attribute for every image is required for `autoWidth` slider. |
301-
| `lazyloadSelector` (v2.9.0+) | String | Default: `'.tns-lazy-img'`. <br> The CSS selector for lazyload images. |
301+
| `lazyloadSelector` (v2.9.1+) | String | Default: `'.tns-lazy-img'`. <br> The CSS selector for lazyload images. |
302302
| `touch` | Boolean | Default: true. <br> Activates input detection for touch devices. |
303303
| `mouseDrag` | Boolean | Default: false. <br> Changing slides by dragging them. |
304304
| `swipeAngle` | positive integer \| Boolean | Default: 15. <br> Swipe or drag will not be triggered if the angle is not inside the range when set. |
305-
| `preventActionWhenRunning` (v2.9.0+) | Boolean | Default: false. <br> Prevent next transition while slider is transforming. |
306-
| `preventScrollOnTouch` (v2.9.0+) | "auto" \| "force" \| false | Default: false. <br> Prevent page from scrolling on `touchmove`. If set to "auto", the slider will first check if the touch direction matches the slider axis, then decide whether prevent the page scrolling or not. If set to "force", the slider will always prevent the page scrolling. |
305+
| `preventActionWhenRunning` (v2.9.1+) | Boolean | Default: false. <br> Prevent next transition while slider is transforming. |
306+
| `preventScrollOnTouch` (v2.9.1+) | "auto" \| "force" \| false | Default: false. <br> Prevent page from scrolling on `touchmove`. If set to "auto", the slider will first check if the touch direction matches the slider axis, then decide whether prevent the page scrolling or not. If set to "force", the slider will always prevent the page scrolling. |
307307
| `nested` | "inner" \| "outer" \| false | Default: false. <br> Difine the relationship between nested sliders. (see [demo](http://ganlanyuan.github.io/tiny-slider/demo/#nested_wrapper)) <br>Make sure you run the inner slider first, otherwise the height of the inner slider container will be wrong. |
308308
| `freezable` | Boolean | Default: true. <br> Indicate whether the slider will be frozen (`controls`, `nav`, `autoplay` and other functions will stop work) when all slides can be displayed in one page. |
309309
| `disable` | Boolean | Default: false. <br> Disable slider. |

‎bower.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "tiny-slider",
3-
"version": "2.9.0",
3+
"version": "2.9.1",
44
"homepage": "https://github.com/ganlanyuan/tiny-slider",
55
"authors": [
66
"WilliamLin <ganlanyuan@gmail.com>"

‎dist/min/tiny-slider.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/sourcemaps/tiny-slider.css.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/sourcemaps/tiny-slider.js.map

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/tiny-slider.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -3156,7 +3156,7 @@ var tns = function(options) {
31563156
}
31573157

31583158
return {
3159-
version: '2.9.0',
3159+
version: '2.9.1',
31603160
getInfo: info,
31613161
events: events,
31623162
goTo: goTo,

‎package-lock.json

+4-4
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "tiny-slider",
3-
"version": "2.9.0",
3+
"version": "2.9.1",
44
"description": "Vanilla javascript slider for all purposes, inspired by Owl Carousel.",
55
"main": "dist/tiny-slider.js",
66
"types": "src/tiny-slider.d.ts",

0 commit comments

Comments
 (0)