jsp 图片预加载 js

function preloadImages(images, callback) {
    let loadedImages = 0;
    const totalImages = images.length;
    for (let i = 0; i < totalImages; i++) {
        const img = new Image();
        img.src = images[i];
        img.onload = () => {
            loadedImages++;
            if (loadedImages === totalImages) {
                callback();
            }
        };
    }
}

// 使用示例
const imageUrls = [
    'path/to/image1.jpg',
    'path/to/image2.jpg',
    'path/to/image3.jpg'
];

preloadImages(imageUrls, () => {
    console.log('所有图片已预加载完成');
});

function preloadImages(images, callback) {
    let loadedImages = 0;
    const totalImages = images.length;
    for (let i = 0; i < totalImages; i++) {
        const img = new Image();
        img.src = images[i] + '?t=' + Date.now(); // 添加时间戳避免缓存
        img.onload = () => {
            loadedImages++;
            if (loadedImages === totalImages) {
                callback();
            }
        };
        img.onerror = () => {
            console.error('图片加载失败:', images[i]);
            loadedImages++;
            if (loadedImages === totalImages) {
                callback();
            }
        };
    }
}