pbTouchSlider 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
pbTouchSlider 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 GPL
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开发厂商
地区 不详
提 交 者 dowebok
适用人群 未知
收录时间 2017-06-16

软件简介

简介

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 http://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
        }
    }
});
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
暂无内容
暂无内容
0 评论
6 收藏
分享
返回顶部
顶部