图片预加载(jQuery插件)

本博客使用了mootools的一个lazyload图片效果的js脚本,但因为某些图片放在国外的free.fr免费空间里,国内访问并不是很顺畅,会出现图片加载比较慢的情况。虽然前两天简单写了一个 『基于SAE的图床』,但博客里一些图片实在不想再去一个一个拿下来上传到SAE上去了。

为了加快图片显示速度就想到了『图片预加载』这个概念,Google一圈以后找到一个很简单的jQuery版本,本来想转换成Mootools版本来使用,后来才想起来图片都是插入到文章里的,把文章中文件全部抽取出来还是要修改typecho本身代码,俺是个懒人…就放弃做此修改了。

不过此版jQuery预加载图片插件还是很简单,也很不错的,之后自己写的一些小程序可以考虑图片预加载这一点,尤其现在的一些仿pinterest的图片比较多的站点可以考虑使用一下此脚本,预先加载一部分图片供页面快速显示。

插件代码:

(function($) {

var cache = [];

// Arguments are image paths relative to the current page.

$.preLoadImages = function() {

var args_len = arguments.length;

for (var i = args_len; i--;) {

var cacheImage = new Image();

cacheImage.src = arguments[i];

cache.push(cacheImage);

}

}})(jQuery);

使用说明:


$.preLoadImages("pic1.jpg", "pic2.jpg");

BTW:原插件出处(oschina)略有修改

添加新评论 »