slidojs

A light weight minimalistic image slider.

Usage no npm install needed!

<script type="module">
  import slidojs from 'https://cdn.skypack.dev/slidojs';
</script>

README

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

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>