imgplay是一款基于HTML5 canvas的圖片序列播放jQuery插件。通過(guò)該插件可以實(shí)現(xiàn)一組圖片的輪流播放，你還可以進(jìn)行暫停、快進(jìn)、后退操作，并且可以進(jìn)入全屏模式進(jìn)行圖片觀看。

使用方法

使用該插件需要在頁(yè)面中引入jquery.imgplay.css和jQuery和jquery.imgplay.js文件。

HTML結(jié)構(gòu)

該圖片播放插件的HTML結(jié)構(gòu)非常簡(jiǎn)單：使用一個(gè)

容器來(lái)包裹一組圖片元素。圖片可以使用src屬性，也可以使用data-src屬性。

初始化插件

在頁(yè)面DOM元素加載完畢之后，可以通過(guò)imgplay()方法來(lái)初始化該圖片播放插件。

$(document).ready(function(){

$('#imageplayer').imgplay();

});

配置參數(shù)

該圖片播放插件有3個(gè)配置參數(shù)：

name：圖片播放器的名稱，默認(rèn)為：“imgplay”。

rate：圖片播放的頻率，數(shù)值越大播放得越快。最大值為100，最小值為0.001。

controls：是否顯示控制按鈕。

總結(jié)

以上是生活随笔為你收集整理的html图片播放器,imgplay-基于canvas的图片序列播放jQuery插件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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