jquery预加载图片的方法
本文实例讲述了jquery预加载图片的方法。分享给大家供大家参考。具体如下:
这段代码可以在页面打开前对图片进行预加载,这个函数非常有用,可以给用户带来更好的体验。
functionpreloadImages(oImageList,callback){ if(typeof(oImageList)=='object'&&typeof(callback)==="function"){ variCallbackAfter=oImageList.length; variPreloadInterval=window.setInterval(function(){ if(iCallbackAfter===0){ window.clearInterval(iPreloadInterval); callback(); } },100); $.each(oImageList,function(iIndex,sImage){ oImageList[iIndex]=newImage(); 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程序设计有所帮助。