使用方法

css引用：

html:

這是一個視頻

自動播放

存在進度條

這是圖片

圖片放data-image

6秒滑動

js引用：

js:

$('#pbSlider0').pbTouchSlider({

slider_Wrap:?'#pbSliderWrap0',

slider_Threshold:?10,

slider_Speed:600,

slider_Ease:'ease-out',

slider_Drag?:?true,//拖動

auto:true,//是否自動滾動

autoTime:6000,//設置圖片自動時間

slider_Arrows:?{

enabled?:?true//箭頭

},

slider_Dots:?{//顯示點不

class?:'.o-slider-pagination',

enabled?:?true,

preview?:?false

},

slider_Breakpoints:?{

default:?{

height:?700//高度

},

tablet:?{

height:?500,

media:?1024

},

smartphone:?{//智能手機高度

height:?400,

media:?768

}

}

});

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結

以上是生活随笔為你收集整理的html轮播视频插件上加文字,可加入视频、图片的轮播swiper插件（可以拖动、视频存在加载条）...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。