gifffer-防止自动播放gif动画

所属分类:媒体-图像

 38784  339  查看评论 (1)
分享到微信朋友圈
X
gifffer-防止自动播放gif动画 ie兼容9

使用方法

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

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


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

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

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


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

window.onload = function(){
    Gifffer();
}


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

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


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


相关插件-图像

jQuery放大镜插件jqzoom.js

jQuery放大镜插件jqzoom.js
  图像
 101634  435

Beer Slider一款轻量级的图片对比插件

它的基本目的是比较图像的两个版本,例如在两个不同时刻拍摄的相同对象,预编辑的照片及其处理版本,草图和完成的插图等。
  图像
 28694  358

canvas图片+文字合成

canvas图片+文字合成,实现照片合成效果,界面有点丑但是功能OK的。
  图像
 47311  362

二维码生成插件qrcode.js

二维码生成插件qrcode.js,在此插件基础上添加了logo图片功能和对中文的支持,无需对中文转码可直接支持生成中文网址二维码
  图像
 30320  375

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Joseph 0
    2015/5/6 18:39:15
    但是不能自己控制gif的播放,应该把这个功能给开发者选择的。 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复