gifffer

Gifffer

JavaScript 库,可防止动画 GIF 自动播放。

演示

使用方法

将 gifffer.min.js 包含在您的页面中。

不要在图像上设置 src 属性,而是使用 data-gifffer。

最后,调用 Gifffer() 以将普通 GIF 替换为可播放的 GIF。例如:

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

出于可访问性考虑,您可以在图像上设置 alt 属性,也可以使用 data-gifffer-alt (可选)。

Gifffer 函数返回一个包含可用于模拟点击的节点的数组。例如:

window.onload = function() {
  var gifs = Gifffer();

  setTimeout( function() {
    gifs[0].click(); //will play the first gif
  }, 1000);
}

如果设置了 data-gifffer-width 和 data-gifffer-height，即使图像尚未完全加载，Gifffer 也会立即显示控件。

这就是游戏的内容

http://krasimir.github.io/gifffer