gifplayer是一款可以控制GIF动画格式图片播放和暂停的jQuery插件。该jQuery插件使用简单,文件体积小。可用于控制任何GIF动画图片的开始播放和暂停播放。
使用方法
要使用该GIF动画图片jQuery插件,可以分为下面的五个步骤:
- 在你的页面中添加一个静态版本的GIF图片,格式为PNG、jpg等图片格式都可以。
- 在
<img>
标签中添加data-gif
属性指向GIF动画图片,或者不写也可以。 - 在图片文件夹中放置
.gif
格式的图片和它的静态版本的图片,两个图片的名称要相同。 - 在你的页面中引入
gifplayer.js
和gifplayer.css
文件。 - 页面加载完毕后,通过
.gifplayer()
方法调用该插件。
HTML结构
<img id="maomao" src="img/1.png" class="gifs"/> <img id="banana" src="img/banana-animated.png" data-gif="img/banana-animated.gif" class="gifs"/>
调用插件
<script> $('.gifs').gifplayer(); </script>
可用参数
选项 | 值 | 默认值 |
label | 圆形播放按钮中的文字 | 'gif' |
autoLoad | true 或 false | false |