使用jQuery 高效能預載圖像
如果您正在尋求一種簡化的方法來使用JavaScript 和jQuery 預加載圖像，請考慮以下解決方案：
快速簡單方法
想要輕量級且直接的方法，請試試這個函數：
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('<img/>')[0].src = this;
// Alternatively:
// (new Image()).src = this;
});
}用法：
preload([
'img/imageName.jpg',
'img/anotherOne.jpg',
'img/blahblahblah.jpg'
]);jQuery 外掛程式
如果您喜歡基於插件的解決方案：
$.fn.preload = function() {
this.each(function(){
$('<img/>')[0].src = this;
});
}用法：
$(['img1.jpg','img2.jpg','img3.jpg']).preload();
這些方法提供了一種快速、簡單且高效的方法來在jQuery中預載圖像。
以上是如何使用 jQuery 高效能預載映像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
