本文实例讲述了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程序设计有所帮助。
您可能感兴趣的文章:
- JavaScript资源预加载组件和滑屏组件的使用推荐
- 理解Javascript图片预加载
- jquery实现图片预加载
- jQuery简单实现图片预加载
- jQuery实现预加载图片的方法
- Jquery实现图片预加载与延时加载的方法
- js中Image对象以及对其预加载处理示例
- 利用CSS、JavaScript及Ajax实现高效的图片预加载
- javascript预加载图片、css、js的方法示例介绍
- JS实现图片预加载无需等待
- jQuery预加载图片常用方法
- js预加载图片方法汇总
- 解析预加载显示图片艺术