A Lightweight Slideshow Of Pure Javascript With CSS Animation | SLighter

How to make use of it:

1. Add a reference to the SLighter’s JavaScript and CSS information.

<link rel=”stylesheet” href=”build/slighter.css” />
<script src=”build/slighter.js”></script>

2. Add photographs to the slider container.

<div class="slider">
  // Add Images Here
</div>

3. Initialize the Slighter slideshow and carried out.

let slider = new Slighter(document.querySelector('.slider'));

4. Determine the length of the animation (5000ms on this instance).

let slider = new Slighter(document.querySelector('.slider'), 5000);

Tiny Image Slideshow With CSS Transitions, SLighter Plugin/Github

See Demo And Download