HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

HTML5中国 首页 资源下载 开发工具 查看内容

仿Facebook样式的gif动态图片预览和播放js插件

2017-2-21 10:04| 发布者: admin| 查看: 1103| 评论: 1

摘要: gifsee.js是一款仿Facebook样式的gif动态图片预览和播放js插件。gifsee.js能够以一张静态图片作为gif图片的封面,在需要的时候才动态加载gif动画图片。
简要教程

gifsee.js是一款仿Facebook样式的gif动态图片预览和播放js插件。gifsee.js能够以一张静态图片作为gif图片的封面,在需要的时候才动态加载gif动画图片。

使用方法

在页面中引入gifsee.js文件和样式文件gifsee.min.css。

<link rel="stylesheet" href="path/to/gifsee.min.css">
<script src="path/to/gifsee.js">script>
 HTML结构

为需要动态加载的gif图片设置下面的HTML结构。

其中,src属性指向的是封面静态图片的地址,data-gifsee属性指向的是gif图片的地址。

 初始化插件

在页面DOM元素加载完毕之后,可以通过下面的方法来初始化gifsee.js插件。

var myImage = new gifsee(document.getElementById('super-cool-gif'));  

gifsee.js插件的github地址为:https://github.com/klombomb/gifsee.js

原文链接:http://www.htmleaf.com/jQuery/Image-Effects/201702184359.html

发表评论

最新评论

引用 linedd963 2017-4-7 00:06
“我是壹個兩面派,新詩舊詩我都愛”做愛,既要“有板有眼”,又要砸碎“鐐?”,天空行馬,想交個朋友 :男人尋樂秘密基地+L I N E:d d 9 6 3

查看全部评论(1)

HTML5中国微信

小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

GMT+8, 2017-6-20 22:22

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部