插件描述:jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。
效果预览:
Gif图片预览和播放jQuery插件-jquery.gif.js
简要教程
jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。该插件使用一张静态的图片作为GIF图片的预览图,然后在用户点击播放按钮时才开始GIF动画序列的播放。
使用方法
在页面中引入jquery.gif.min.js文件和样式文件jquery.gif.css。
HTML结构
使用元素来制作该效果。其中src属性指向一张静态的预览图片,data-gif属性指向GIF图片。
初始化插件
在页面DOM元素加载完毕之后,可以通过gif()方法来初始化该插件。下面的代码对页面中所有class 为.gif的图片都进行初始化。
$(document).ready(function(){
//swapallthegifsonthepage.
$('.gif').each(function(){
$(this).gif();
});
});
如果觉得《html让gif图片暂停 控制gif图片播放暂停插件-jquery.gif.js》对你有帮助,请点赞、收藏,并留下你的观点哦!