tutorjs / milk-slider

Simple Slider With VanillaJS

Milk Slider

milk slider is a simple slider like a milk.

Install via npm or yarn

  
  yarn add milk-slider // yarn
  npm install milk-slider // npm
  

Please add CSS via CDN in your document HTML https://cdn.rawgit.com/tutorjs/milk-slider/cde46831/src/css/milkslider.css.

  var MILKSlider = require('milk-slider');

  MILKSlider({
    target: '.gallery',
    width: 400
  });

Install via CDN

  // CSS
  https://cdn.rawgit.com/tutorjs/milk-slider/cde46831/src/css/milkslider.css

  // Javascript
  https://cdn.rawgit.com/tutorjs/milk-slider/cde46831/src/js/milkslider.js

Getting Started

HTML

<div class="gallery">
  <img src="path/to/your/directory" alt="image">
  <img src="path/to/your/directory" alt="image">
  <img src="path/to/your/directory" alt="image">
</div>

Javascript

new MILKSlider({
  target: '.gallery',
  width: 400
})

Demo

Demo

Thanks.