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 | 
版权声明
文章来源: https://www.uihtm.com/jquery/8666.html
版权说明:仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。我们非常重视版权问题,如有侵权请邮件(44784009#qq.com)与我们联系处理。敬请谅解!


                    



















