html让gif图片暂停,控制gif图片播放暂停插件-jquery.gif.js
插件描述:jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。效果预览:Gif图片预览和播放jQuery插件-jquery.gif.js简要教程jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。该插件使用一张静态的图片作为GIF图片的预览图,然后在用户点击播放按钮时才开始GIF动画序列的播放。使用方法在页面中引入jquery.gif.m
插件描述: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() {
// swap all the gifs on the page.
$('.gif').each(function() {
$(this).gif();
});
});
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)