Touch-enabled Pure JavaScript Image Slider – slideswell

Preview:

Description:

slideswell is a lightweight, responsive image slider built using pure JavaScript that allows to rotate through images via both click and touch events.

How to use it:

Put the slideswell’s JavaScript and CSS files into the html page.

<link rel="stylesheet" href="slideswell.css">
<script src="slideswell.js"></script>

Add a group of images to the slider.

<div class="slideswell" id="demo">
  <img src="1.jpg"/>
  <img src="2.jpg"/>
  <img src="3.jpg"/>
</div>

Create a new Slideswell object and pass the slider container element as the first parameter:

new Slideswell("testSlideswell");