HTML
1 2 3 4 5 6 | < div > < div >Hi, I'm slide 1</ div > < div >Hi, I'm slide 2</ div > < div >Hi, I'm slide 3</ div > < div >Hi, I'm slide 4</ div > </ div > |
JS
一些(可选)设置,你可以通过将对象作为参数传递更改。默认值如下所示。
1 2 3 4 5 6 7 8 9 10 | new Siema({ selector: '.siema' , duration: 200, easing: 'ease-out' , perPage: 1, startIndex: 0, draggable: true , threshold: 20, loop: false , }); |
selector :(字符串或DOM元素)指定选择器
duration :(数字)滑动转换持续时间(以ms为单位)
easing :(字符串)与CSS中的transition-timing-function相同
perPage :(数字)要显示的幻灯片的数量
startIndex : (数字)起始滑块的索引(从零开始)
draggable :(布尔)使用拖动和触摸滑动
threshold :(数字)触摸和鼠标拖动阈值(以px为单位)
loop :(布尔)循环幻灯片
API
next() :转到下一张幻灯片
prev() :转到上一张幻灯片
goTo(index) :转到特定幻灯片
currentSlide :当前活动幻灯片的索引(只读)
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com