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 |
在线预览 网盘下载
郑重声明:
1 本资源来源于互联网,资源的版权归资源原作者所持有,受《中华人民共和国著作权法》等相关法律保护。
2 由于无法和原作者取得联系,所以上传的部分资源无法先通过原作者的同意就分享给大家了,如本资源侵犯了您(原作者)的权益,请联系我们(微信号 xiaohaimei1989),我们会立马删除您的资源,并向您表达诚挚的歉意!
3 本站是一个公益型网站,分享资源的目的在于传播知识,分享知识,收取一点点打赏的辛苦费是用于网站的日常运营开支,并非用于商业用途。
4 本站资源只提供学习和参考研究使用,使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。