この記事の例では、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 プログラミングに役立つことを願っています。