lazy-slider v0.2.1

Demo

https://kai-ono.github.io/lazy-slider/dest/

Browser support

• IE10 or greater
• Chrome latest
• Safari latest
• Firefox latest
• Android4.4 or greater
• iOS7 or greater

Confirmed devices

Package Managers

npm install --save @kai-ono/lazy-slider

Usage

const slider = require('@kai-ono/lazy-slider');
new slider();

DOM example

<link rel="stylesheet" type="text/css" href="css/lazy-slider.css"/>
<script type="text/javascript" src="js/lazy-slider.js"></script>
<div class="lazy-slider lazy-slider-style">
  <ul>
    <li><img src="1.jpg" /></li>
    <li><img src="2.jpg" /></li>
    <li><img src="3.jpg" /></li>
    <li><img src="4.jpg" /></li>
    <li><img src="5.jpg" /></li>
  </ul>
</div>
<script type="text/javascript">
  new LazySlider();
</script>

Settings