简介
pbTouchSlider是一款基于jquery的滑动响应式幻灯片插件,它除了一般幻灯片基本的如箭头控制、圆点控制、缩略图功能外,还支持响应式设计和滑动控制,同时pbTouchSlider还可以针对平板、手机设备分别设置高度,这使得pbTouchSlider能够适应各种设备。
查看演示
API文档$('#pbSlider0').pbTouchSlider({ slider_Wrap : '#yourId', // Assig a uique ID to the div.o-sliderCotaier slider_Item : '.o-slider--item', // Sigle Item slider_Drag : true, // Your choise.. to dragIt or ot to dragIt..this is the questio... slider_Dots : { // Waa see dots or ot? class :'.o-slider-pagiatio', eabled : true }, slider_Arrows : { // Waa see Arrows or ot? class :'.o-slider-arrows', eabled : true }, slider_Threshold : 25, // Percetage of dragX before go to ext/prev slider slider_Speed : 1000, slider_Ease : 'cubic-bezier(0.5, 0, 0.5, 1)', // see https://cubic-bezier.com/ slider_Breakpoits : { // Kid of media queries ( ca add more if you kow how to do it :D ad if you eed ) default : { height : 500 // height o desktop }, tablet : { height : 400, // height o tablet media : 1024 // tablet breakpoit }, smartphoe : { height : 300, // height o smartphoe media : 768 // smartphoe breakpoit } }});
评论