slider-kit
responsive and touch-enabled slider plugin
Usage
html
head
// include libraries
<link rel="stylesheet" href="/path/to/slider-kit.css" />
<script src="/path/to/slider-kit.js"></script>body
<div class="slider-wrapper">
<div class="slider-items">
<a class="slider-item" href="your-link-here"><img src="your-image-url-here" draggable="false"/></a>
<a class="slider-item" href="your-link-here"><img src="your-image-url-here" draggable="false"/></a>
</div>
// optional buttons and pagination
<button class="slider-button-left"></button>
<button class="slider-button-right"></button>
<div class="slider-paginations"></div>
</div>js
to instantiate sliderkit on all sliders
new Sliderkit()to instatiate sliderkit on single element
let element = window['your-element-id']
new Sliderkit(element)