JS-CanvasSlider

Image Rendering slider

##Use

• In html Like this!
• if you want other Slider that use differance attributes valuename.
• if you Onload header last on html SIPUSlider.run(); call.

  <div data-sipu-images="timelapse">
    <img src="img/1.png" />
    <img src="img/2.png" />
    <img src="img/3.png" />
  </div>
  <input type="range" data-sipu-range="timelapse" />
  <button type="button" data-sipu-playbutton="timelapse">play</button>
  <button type="button" data-sipu-stopbutton="timelapse">stop</button>
  <canvas data-sipu-canvas="timelapse"></canvas>

  <script src="SipuSlider.js"></script>

##Example http://interactive.hankookilbo.com/v/9f3855acfb184462b219bcdaa2a99097/

###Licensing Please see the file called SIPU LICENSE. & MIT(JQUERY)

Contacts [email protected]