A Lightweight Slideshow Of Pure Javascript With CSS Animation | SLighter

SLighter is a very small JavaScript library to fade through images with CSS3 transitions.

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

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

Official Website(Jupiter007-43): Click Here

This superior jQuery/javascript plugin is developed by Jupiter007-43. For extra Advanced Usages, please go to the official website.

Leave a Comment