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