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

查看演示立即下载

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

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

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

<link rel='stylesheet' type='text/css' href='css/jquery.gif.css' />                
<script src="path/to/jquery.gif.min.js"></script>

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

1	`<img` `src="img/1.jpg"` `alt="GIF Loader"` `data-gif="img/1.gif"` `class="gif">`

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

$( document ).ready(function() {      
  // swap all the gifs on the page.
  $('.gif').each(function() {
    $(this).gif();
  });
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com