项目作者: johnathanmiller

项目描述 :
Javascript Slider
高级语言: HTML
项目地址: git://github.com/johnathanmiller/stackd.git
创建时间: 2017-05-12T15:53:53Z
项目社区:https://github.com/johnathanmiller/stackd

开源协议:MIT License

下载


Stackd.js Slider

Demo

HTML

  1. <ul id="stackd">
  2. <li></li>
  3. <li></li>
  4. <li></li>
  5. <li></li>
  6. <li></li>
  7. </ul>

Integration

  1. <script src="./stackd.min.js"></script>
  2. <script>
  3. let stackd = new Stackd({
  4. // options here
  5. });
  6. stackd.init();
  7. </script>

Options

option description default
id id name for slider container “stackd”
controls displays previous/next buttons for slider true
keyboard allows ← → keyboard keys to alternate slides false
offset offset of each visible slide 15
visible number of visible slides 3
previousButtonContent html/text inside previous button “←”
nextButtonContent html/text inside next button “→”

Todo

  • Support for multiple sliders
  • Keyboard left/right controls
  • Option to change offset direction
  • Option to change visible slide count
  • Auto rotate and speed setting
  • Support integration as jQuery plugin