预加载图像并具有缓冲符号

preloading images and having a buffer symbol

本文关键字:缓冲 符号 加载 图像      更新时间:2023-09-26

我需要用javascript预加载图像代码在这里。

function mainSlideshow(){
    if(document.images){
        var pic1 = new Image(605, 403);
        pic1.src = "images/main_photo1.jpg";
        var pic2 = new Image(605, 403);
        pic2.src = "images/main_photo2.jpg";
        var pic3 = new Image(605, 403);
        pic3.src = "images/main_photo3.jpg";
    }
}

我现在要做的是显示一个缓冲符号,直到它们被加载。如何检查所有图像是否已加载,以及如何确保在加载时显示缓冲符号?

使用onLoad事件的图像对象。当图片加载完成

时调用

为什么不直接将缓冲图像设置为照片容器的背景呢?