GIF Animation Preview —— 让你的GIF动图支持延迟加载和播放暂停,完美支持移动端
- December 9, 2014
- 8 条评论 | 6.85k reads
我们在写博客的时候,通常都会插入一些图片来使文章的内容更加丰富和充实。而大多数时候,我们还是要给自己所介绍的内容来一个小小的演示。演示可以是一张图片,也可以是一个网址。那我想更多人会偏爱GIF动图,那么问题来了,众所周知,GIF动图在WordPress里面是没有经过特殊优化的,不断的循环播放,循环播放。而且由于GIF本身就是动态的,因而他的文件体积会更大,如果直接加载出来,恐怕会影响网页整体的加载速度。哪怕是最普遍的LazyLoad也无法很好的解决这一问题。当然,如果我说了那么多的话,也同样告诉你我也帮不了你的话,那估计你会叫我去直播吃翔了。今天我给大家带来的这个解决方案,同样是一个插件——GIF Animation Preview。
该插件的工作原理其实很简单,这是截取GIF中的第一帧作为一个静态文件,并提示你这是一个GIF图片,只有当你点击了该图片之后才会加载真正的GIF。而且在播放的过程中你可以随时随地的暂停,就不会出现GIF动图循环播放,弄的你头昏眼花的情况。
多说无益,看个演示吧!
怎么样,这个插件的功能是不是很给力呢?插件安装完成后,直接启用即可。至于插件自带的那些设置,我也没有去深究。我觉得如果没有特殊的需求,保持默认即可。所以这也算上是一个即装即用的插件。大家如果有需要的可以抱走,觉得好玩的可以转走。
这个插件是我的好友wu1yi2fan叫我帮他找的。如果你同样需要找各种各样神奇的插件,可以随便在我的网站找个地方留言,我会尽我的能力帮你找的。毕竟我现在也不知道要介绍什么插件好了,就等着你们给我idea了。
相关链接:GIF Animation Preview插件主页
(P.S:此篇文章完成于手机,又有细微的排版错误以及错别字的现象请勿纠结。)
如果你觉得这个插件不错,拜托赞它一下。如果不够好的话,欢迎吐槽,同时欢迎你给我推荐更好的!
赞 3
估计你是直接按Gif作为关键字查找的。。。这款插件可以,回去也水一章~
要这个插件的主要原因是觉得要戳到另一个页面才能看到我的Gif录像体验不太好。。。所以。。。
还有你是故意找了一张让人眼花缭乱的图片来演示吧?
很久不玩插件,不折腾WordPress了,博主还是挺爱折腾的哇~
毕竟自己就是因为比较爱折腾,才弄出了这个WordPress站点,就折腾到底吧!
使用这个插件遇到了点问题,就是 不论怎么设置,都是页面打开后直接加载完整的gif图像,鼠标经过或者点击后打开的是已经加载完成的gif了,有没有办法设置成点击后才加载gif原图。
不是哦!经测试WordPress首先会加载这张静态的GIF图:
http://dn-xnces.qbox.me//wp-content/uploads/2014/12/wpid-wp-1418054817503-gap.jpg
然后在加载真正的GIF图,默认设置即可!
咳咳,如@JJ says 这款插件因为没有白名单设置神马的,所以遇到动态Gif表情,会变成静态的,而且,不能变回动态图!
我居然中招了!!!!强烈要求在上面提醒其他人!

不是有三种模式可以选吗?
图片挂了,希望更新一下。