tiny-slider-react

tiny-slider-react

Original plugin tiny-slider

> Tiny Slider v2 <=> tiny-slider-react >= v5

> Tiny Slider v1 <=> tiny-slider-react <= v4

demo
demo2

props

| prop | decription |
|------------------ |---------------------------------------------------------------------|
| settings | options slider |
| onClick | callback to return slide clicked (slideClicked, info, event) |
| startIndex | index of carousel initiation |
| onIndexChanged | event bind |
| onTransitionStart | event bind |
| onTransitionEnd | event bind |
| onTouchStart | event bind |
| onTouchMove | event bind |
| onTouchEnd | event bind |d

``js
import TinySlider from "tiny-slider-react";
import 'tiny-slider/dist/tiny-slider.css';

const settings = {
lazyload: true,
nav: false,
mouseDrag: true
};


{imgs.map((el, index) => (


`js
const settings = {
lazyload: true,
nav: false,
mouseDrag: true,
controls: false // remove built-in nav buttons
}
`

Get the slider from refs:

`js
this.ts = ts}>...
`

Add onClick for your buttons:
`js
this.onGoTo('prev')}>Previous
this.onGoTo('next')}>Next
`

Add the handler on your component:

`js
onGoTo = dir => this.ts.slider.goTo(dir)
``