图片/图形

gifplayer 控制GIF动画图片播放暂停jQuery插件

阿里云


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

使用方法

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

也想出现在这里?联系我们
创客主机

在你的页面中添加一个静态版本的 GIF 图片,格式为 PNG、jpg 等图片格式都可以

在<img>标签中添加 data-gif 属性指向 GIF 动画图片,或者不写也可以

在图片文件夹中放置.gif 格式的图片和它的静态版本的图片,两个图片的名称要相同

在你的页面中引入 gifplayer.js 和 gifplayer.css 文件

页面加载完毕后,通过.gifplayer()方法调用该插件

HTML 结构

  1. <img id="maomao" src="img/1.png"  class="gifs"/>
  2. <img id="banana" src="img/banana-animated.png" data-gif="img/banana-animated.gif" class="gifs"/>

调用插件

  1. <script>
  2.     $('.gifs').gifplayer();
  3. </script>

可用参数

选项 默认值
label 圆形播放按钮中的文字 'gif'
autoLoad true 或 false false

gifplayer 控制 GIF 动画图片播放暂停 jQuery 插件

已有 662 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!