加载所有图像后运行函数

2023-11-29

我使用这样的函数从数组加载图像:

for (var i = 0; i < images_list.length; i++) {
            var img = new Image();
            img.onload = function() {
                images_objects.push(this);
                showImages(images_objects);
            };
            img.onerror = function() {

            };
            img.src = images_links[i].image_url;
        }

我需要使工作正常的是showImages功能。它的目的是当images_object充满了阵列中的图像。现在它的位置不正确,只是为了让您了解我如何尝试做到这一点。我想在加载图像后应该运行回调之类的东西。如何更好地做到这一点?


只需使用辅助函数来存储新加载的图像并检查所有图像是否已加载,可能会起作用。

...
img.onload = function() {
    storeLoadedImage(this);
};
...

var storeLoadedImage = function(image) {
    images_objects.push(image);

    if (images_objects.length === images_list.length) {
        showImages(images_objects);
    }
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

加载所有图像后运行函数 的相关文章

随机推荐