Skip to content

Latest commit

 

History

History
51 lines (43 loc) · 1.38 KB

README.md

File metadata and controls

51 lines (43 loc) · 1.38 KB

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)

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>