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

Question

好的，所以我需要用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";
    }
}

我现在要做的是在加载之前显示缓冲符号。如何检查所有图像是否已加载，如何确保缓冲符号在加载时显示？

Answer 1

使用图像对象的onLoad事件。在图像完成加载时调用它

Answer 2

为什么不将缓冲图像设置为照片容器的背景？