后退 刷新 前进 收藏 顶部 |   知道 黑匣子 富媒体 技术服务

gifffer-控制自动播放gif动画

程序猿 JS gifffer gif 动画 控制... (shuke.2014-09-22 10:19)

插件描述

gifffer是一个微小的JavaScript库,防止了GIF动画的自动播放

使用方法

添加gifffer.min.js到你的页面

1
<script type="text/javascript" src="gifffer.min.js"></script>


instead of setting src属性数据gifffer使用你的形象。

使用data-gifffer设置图像路径而不是src。

1
<img data-gifffer="image.gif"/>


最后,调用Gifffer();当你想要的。例如:

1
2
3
window.onload = function(){
    Gifffer();
}


Gifffer将立即显示控制,如果你设置data-gifffer-width和data-gifffer-height即使图像没有完全加载。

1
<img data-gifffer="image.gif" data-gifffer-width="250" data-gifffer-height="237" />


记住,class和id属性的值。它们被应用到新创建的元素。


点击去下载.
gifffer.js(控制自动播放gif动画)
插件描述
gifffer是一个微小的JavaScript库,防止了GIF动画的自动播放。
酷能立即下载地址
所有软件已经过管理员安装检测,如不能正常运行,请检查运行环境和硬件配置,或联系QQ:896158959,管理员会及时处理。请记住我们的分享地址:www.coolneng.com

2 楼 shuke[2014-09-22 10:28]
可惜的是不支持IE6,7,8
所以做了判断处理
<!--[if IE]> <img src="shu.gif" width="250" height="237" /> <![endif]-->
<![if !IE]> <img data-gifffer="shu.gif" data-gifffer-width="250" data-gifffer-height="237" /><![endif]>
<script type="text/javascript" src="gifffer.js"></script>

以下附件加入了其它自己的东西,下载可以直接使用

进度:100% 返回程序猿

解决织梦图集中上传图片时跳出302错误

图片新热点

导航


目录


    站内搜索
    首页 | W3C | ME