插件描述：jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。

效果预览：

Gif图片预览和播放jQuery插件-jquery.gif.js

简要教程

jquery.gif.js是一款可以对Gif图片进行预览和播放的jQuery插件。该插件使用一张静态的图片作为GIF图片的预览图，然后在用户点击播放按钮时才开始GIF动画序列的播放。

使用方法

在页面中引入jquery.gif.min.js文件和样式文件jquery.gif.css。

HTML结构

使用元素来制作该效果。其中src属性指向一张静态的预览图片，data-gif属性指向GIF图片。

初始化插件

在页面DOM元素加载完毕之后，可以通过gif()方法来初始化该插件。下面的代码对页面中所有class 为.gif的图片都进行初始化。

$( document ).ready(function() {

// swap all the gifs on the page.

$('.gif').each(function() {

$(this).gif();

});

});