gifplayer 是一款可以控制 GIF 动画格式图片播放和暂停的 jQuery 插件。该 jQuery 插件使用简单,文件体积小。可用于控制任何 GIF 动画图片的开始播放和暂停播放。
要使用该 GIF 动画图片 jQuery 插件,可以分为下面的五个步骤:
在你的页面中添加一个静态版本的 GIF 图片,格式为 PNG、jpg 等图片格式都可以
在<img>标签中添加 data-gif 属性指向 GIF 动画图片,或者不写也可以
在图片文件夹中放置.gif 格式的图片和它的静态版本的图片,两个图片的名称要相同
在你的页面中引入 gifplayer.js 和 gifplayer.css 文件
页面加载完毕后,通过.gifplayer()方法调用该插件
<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 |
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!