如何在 jQuery 中预加载图像：快速简单的方法与插件方法？

使用 jQuery 预加载图像

尽管有 jQuery 插件可用，但您可能更喜欢简洁且轻量级的预加载图像解决方案。

快速简单预加载

对于简化的方法，请考虑以下代码片段：

function preload(arrayOfImages) {
    $(arrayOfImages).each(function(){
        $('<img/>')[0].src = this;
        // Alternatively you could use:
        // (new Image()).src = this;
    });
}

用法：

preload([
    'img/imageName.jpg',
    'img/anotherOne.jpg',
    'img/blahblahblah.jpg'
]);

jQuery 插件方法

如果您更喜欢jQuery 插件，您可以使用以下：

$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

用法：

$(['img1.jpg','img2.jpg','img3.jpg']).preload();

以上是如何在 jQuery 中预加载图像：快速简单的方法与插件方法？的详细内容。更多信息请关注PHP中文网其他相关文章！