jquery预加载图片的方法
更新时间：2015年05月27日 17:09:57 作者：不吃皮蛋
这篇文章主要介绍了jquery预加载图片的方法,涉及jQuery操作图片的相关技巧,需要的朋友可以参考下
本文实例讲述了jquery预加载图片的方法。分享给大家供大家参考。具体如下：
这段代码可以在页面打开前对图片进行预加载，这个函数非常有用，可以给用户带来更好的体验。
function preloadImages(oImageList, callback) {
if ( typeof (oImageList) == 'object' && typeof (callback) === "function") {
var iCallbackAfter = oImageList.length;
var iPreloadInterval = window.setInterval(function() {
if (iCallbackAfter === 0) {
window.clearInterval(iPreloadInterval);
callback();
}
}, 100);
$.each(oImageList, function(iIndex, sImage) {
oImageList[iIndex] = new Image();
oImageList[iIndex].onload = function(oResult) {
iCallbackAfter--;
};
oImageList[iIndex].onabort = function(oResult) {
console.log(oResult);
};
oImageList[iIndex].onerror = function(oResult) {
console.log(oResult);
};
if (!sImage.match('http://')) {
sImage = sImage;
}
oImageList[iIndex].src = sImage;
});
}
}
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)
这是一款基于jQuery的弹出对话框插件，这个jQuery对话框插件的最大特点是弹出和关闭都带有非常炫酷的动画特效,需要的朋友参考下吧2016-02-02
JQuery插件ajaxfileupload.js异步上传文件实例
这篇文章主要介绍了JQuery插件ajaxfileupload.js异步上传文件实例,本文直接给出了HTML代码和JS代码以及后台处理代码,需要的朋友可以参考下2015-05-05
本文通过具体的实例向我们简单介绍了jQuery的事件委托的实现方式，十分的简单实用，有需要的小伙伴可以参考下。2015-07-07
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
大牛ppk都说过，在从多表单控件中，上传文件控件的样式是最难以控制的。见文章Styling an input type="file"。本插件也多是参考此文2011-10-10
基于jquery的时间段实现代码，需要的朋友可以参考下2012-08-08
jQuery UI是一套非常好用的jQuery Tools库，目前已经发布的最新版本是1.8.4。在我自己的使用过程中，总有一些不爽。因为我下载的那个包里默认的主题样式是下图这样的，使用起来很难和具体的网页风格去配合。2010-09-09
下面小编就为大家带来一篇easyui导出excel无法弹出下载框的快速解决方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了jQuery 操作 HTML 元素和属性的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-11
这篇文章主要介绍了基于jquery实现瀑布流布局的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-12-12
JQuery统计input和textarea文字输入数量(代码分享)
本文主要介绍了jQuery实现统计输入文字个数的方法，具有一定的参考价值，需要的朋友一起来看下吧2016-12-12
最新评论