html图片播放器,imgplay-基于canvas的图片序列播放jQuery插件
生活随笔
收集整理的這篇文章主要介紹了
html图片播放器,imgplay-基于canvas的图片序列播放jQuery插件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
imgplay是一款基于HTML5 canvas的圖片序列播放jQuery插件。通過該插件可以實現一組圖片的輪流播放,你還可以進行暫停、快進、后退操作,并且可以進入全屏模式進行圖片觀看。
使用方法
使用該插件需要在頁面中引入jquery.imgplay.css和jQuery和jquery.imgplay.js文件。
HTML結構
該圖片播放插件的HTML結構非常簡單:使用一個
容器來包裹一組圖片元素。圖片可以使用src屬性,也可以使用data-src屬性。
初始化插件
在頁面DOM元素加載完畢之后,可以通過imgplay()方法來初始化該圖片播放插件。
$(document).ready(function(){
$('#imageplayer').imgplay();
});
配置參數
該圖片播放插件有3個配置參數:
name:圖片播放器的名稱,默認為:“imgplay”。
rate:圖片播放的頻率,數值越大播放得越快。最大值為100,最小值為0.001。
controls:是否顯示控制按鈕。
總結
以上是生活随笔為你收集整理的html图片播放器,imgplay-基于canvas的图片序列播放jQuery插件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: AWS实现定时任务-Lambda+Eve
- 下一篇: 蓝牙广播数据包_一分钟读懂低功耗蓝牙(B