gifffer-防止自动播放gif动画

所属分类:媒体-图像

 37049  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属性的值。它们被应用到新创建的元素。


相关插件-图像

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

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

jQuery钢笔抠图插件(原创)

通过Canvas实现钢笔抠图效果
  图像
 19838  280

jQuery图片裁剪插件Cropit

Cropit 是款自定义裁剪和缩放图像的jQuery插件
  图像
 43747  341

jQuery放大镜插件jqzoom.js

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

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

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