pbTouchSlider是一款基于jquery的滑动响应式幻灯片插件，它除了一般幻灯片基本的如箭头控制、圆点控制、缩略图功能外，还支持响应式设计和滑动控制，同时pbTouchSlider还可以针对平板、手机设备分别设置高度，这使得pbTouchSlider能够适应各种设备。
查看演示
API文档$('#pbSlider0').pbTouchSlider({ slider_Wrap : '#yourId', // Assign a unique ID to the div.o-sliderContainer slider_Item : '.o-slider--item', // Single Item slider_Drag : true, // Your choise.. to dragIt or not to dragIt..this is the question... slider_Dots : { // Wanna see dots or not? class :'.o-slider-pagination', enabled : true }, slider_Arrows : { // Wanna see Arrows or not? class :'.o-slider-arrows', enabled : true }, slider_Threshold : 25, // Percentage of dragX before go to next/prev slider slider_Speed : 1000, slider_Ease : 'cubic-bezier(0.5, 0, 0.5, 1)', // see https://cubic-bezier.com/ slider_Breakpoints : { // Kind of media queries ( can add more if you know how to do it :D and if you need ) default : { height : 500 // height on desktop }, tablet : { height : 400, // height on tablet media : 1024 // tablet breakpoint }, smartphone : { height : 300, // height on smartphone media : 768 // smartphone breakpoint } }});
评论