首页 > 编程 > JavaScript > 正文

jquery预加载图片的方法

2019-11-20 12:24:11
字体:
来源:转载
供稿:网友

本文实例讲述了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程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表