Demo.
<div class="slider tom-slider">
<div class="slides">
<div class="slide"></div>
<div class="slide"></div>
<div class="slide"></div>
</div>
<div class="tom-navigation">
<button class="arrowNext"> > </button>
<button class="arrowPrev"> < </button>
</div>
</div>
My slider has the options:
You need selector of your slider
selector: string
default: '.tom-slider'
margin: string
default: '0px'
arrowPrev: string
default: '.arrowPrev'
arrowNext: string
default: '.arrowNext'
innerArrowNext: string
default: '>'
innerArrowPrev: string
default: '<'
slidesShow: number
default: 1
autoplay: boolean
default: false
autoHeight: boolean
default: false
*This option sets the height of the slider based on the highest slide
response: Object
default: empty Object
response: {
992: {
slidesShow: 2
},
576: {
slidesShow: 1
}
}
If you find a bug write to me - tomkovich.ya@yandex.by or yanaooppss@gmail.com