pbTouchSlider-基于 jquery 的滑动响应式幻灯片插件

  • 授权协议:GPL
  • 开发厂商:未知
  • 开发语言:js
  • 收录时间:2020-04-17
  • 操作系统:Windows,Linux,OS X
  • 软件作者:pirolab
  • 开源标签: pbtouchslider 幻灯插件

软件介绍

pbTouchSlider 是一款基于 jquery 的滑动响应式幻灯片插件,它除了一般幻灯片基本的如箭头控制、圆点控制、缩略图功能外,还支持响应式设计和滑动控制,同时 pbTouchSlider 还可以针对平板、手机设备分别设置高度,这使得 pbTouchSlider 能够适应各种设备。"

简介

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                        }            }});

 

上一篇:mozilla-opennews MozillaOpennews静态网站

相关阅读

查看更多 >