gifplayer是一款可以控制GIF动画格式图片播放和暂停的jQuery插件。该jQuery插件使用简单,文件体积小。可用于控制任何GIF动画图片的开始播放和暂停播放。

使用方法

要使用该GIF动画图片jQuery插件,可以分为下面的五个步骤:

  • 在你的页面中添加一个静态版本的GIF图片,格式为PNG、jpg等图片格式都可以。
  • <img>标签中添加data-gif属性指向GIF动画图片,或者不写也可以。
  • 在图片文件夹中放置.gif格式的图片和它的静态版本的图片,两个图片的名称要相同。
  • 在你的页面中引入gifplayer.jsgifplayer.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