slido.js

slido is a lightweight weight minimalistic image slider with no dependencies and no styling required.

Bundle Size: 5.64KB (minified) and 1.67KB (gzip)

Demo

Installation

• Download the latest release.
• Clone the repo: git clone https://github.com/codebymani/slidojs.git

If you are using a module bundler

 
import {slido} from 'slidojs';
 const demo = slido({
      autoPlay: true,
      idleTime: 3000, // inMilliSeconds
      width: 800, //inPixels
      height: 350, //inPixels
      speed: 1, //inSeconds
      images: ['assets/01.jpg','assets/02.jpg','assets/01.jpg'],
      id:'slido-demo' // id-selector
  })
  demo.init();
 

Injecting minified script directly to the browser as slido.min.js

  
  <div id="slido-demo"></div>
  
  <script src="slido.min.js"></script>
  <script>
    window.onload = function(){
        var demo = slido({
            autoPlay: true,
            idleTime: 3000, // inMilliSeconds
            width: 800, //inPixels
            height: 350, //inPixels
            speed: 1, //inSeconds
            images: ['assets/01.jpg','assets/02.jpg','assets/01.jpg'],
            id:'slido-demo' // id-selector
        })
        demo.init();
   };
  </script>