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+HttpHandler+xml模拟一个三级联动的例子
昨天同学问我有关如何快速读取多层级xml文件的问题,于是我就使用省、市、县模拟了一个三级联动的例子,客户端使用jQuery实现异步加载服务器返回的json数据,服务器端则使用XPath表达式查询数据。2011-08-08浅谈jQuery中Ajax事件beforesend及各参数含义
下面小编就为大家带来一篇浅谈jQuery中Ajax事件beforesend及各参数含义。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦2016-12-12
最新评论