Touch-enabled Pure JavaScript Image Slider – slideswell

Category: Javascript , Slider | February 14, 2017
Author: haydenwagner
Views Total: 1,757
Official Page: Go to website
Last Update: February 14, 2017
License: MIT

Preview:

Touch-enabled Pure JavaScript Image Slider – slideswell

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");

You Might Be Interested In:


One thought on “Touch-enabled Pure JavaScript Image Slider – slideswell

  1. Alamin HOSSAIN

    new Slideswell(“testSlideswell”);
    Where to add this line please?

    Reply

Leave a Reply