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