图片/图形
Gif图片预览和播放jQuery插件
PetitQ
jquery.gif.js 是一款可以对 Gif 图片进行预览和播放的 jQuery 插件。该插件使用一张静态的图片作为 GIF 图片的预览图，然后在用户点击播放按钮时才开始 GIF 动画序列的播放。
使用方法
在页面中引入 jquery.gif.min.js 文件和样式文件 jquery.gif.css。
也想出现在这里？联系我们吧
<link rel='stylesheet' type='text/css' href='css/jquery.gif.css' />
<script src="path/to/jquery.gif.min.js"></script>
HTML 结构
使用<img>元素来制作该效果。其中 src 属性指向一张静态的预览图片，data-gif 属性指向 GIF 图片。
<img src="img/1.jpg" alt="GIF Loader" data-gif="img/1.gif" class="gif">
初始化插件
在页面 DOM 元素加载完毕之后，可以通过 gif()方法来初始化该插件。下面的代码对页面中所有 class 为.gif 的图片都进行初始化。
$( document ).ready(function() {
// swap all the gifs on the page.$('.gif').each(function() {
$(this).gif();
});
});
Github 地址：https://github.com/screename/jQuery-GIF-loader
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
