项目作者: johnathanmiller
项目描述 :
Javascript Slider
高级语言: HTML
项目地址: git://github.com/johnathanmiller/stackd.git
Stackd.js Slider
Demo
HTML
<ul id="stackd">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
Integration
<script src="./stackd.min.js"></script>
<script>
let stackd = new Stackd({
// options here
});
stackd.init();
</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