• js加载完所有的图片,适合电子相册哦~~~~


    有些时候要一口气加载完所有的图片,所以代码就要这么写。。。。

            var imgArray = [
                'http://s16.mogucdn.com/p1/160202/upload_ifqwcmlcmyywmnrxgyzdambqgyyde_750x1206.jpg',
                'https://img.alicdn.com/tps/TB19uTbLpXXXXaEaXXXXXXXXXXX-520-280.jpg',
                'http://s18.mogucdn.com/p1/160203/upload_ifqwizbthaztgyzxgyzdambqgyyde_666x610.png',
                'http://s18.mogucdn.com/p1/160203/upload_ifrdcmlcge4tgyzxgyzdambqmeyde_743x242.png',
                'http://imgsrc.baidu.com/forum/pic/item/8d5494eef01f3a2957d7fc4a9925bc315c607c12.jpg',
                'http://img.bizhi.sogou.com/images/2013/01/29/330291.jpg',
                'http://s16.mogucdn.com/p1/160202/upload_ie4wmzbwmvsdcobxgyzdambqgqyde_750x1334.gif',
                'http://s16.mogucdn.com/p1/160202/upload_ifqwcmlcmyywmnrxgyzdambqgyyde_750x1206.jpg',
                'http://s18.mogucdn.com/p1/160203/upload_ifqwizbthaztgyzxgyzdambqgyyde_666x610.png',
                'http://s18.mogucdn.com/p1/160203/upload_ifrdcmlcge4tgyzxgyzdambqmeyde_743x242.png',
                'http://s16.mogucdn.com/p1/160201/upload_ifrwinrugntdqmzxgyzdambqhayde_750x1206.jpg',
                'http://s16.mogucdn.com/p1/160202/upload_ie4wmzbwmvsdcobxgyzdambqgqyde_750x1334.gif'
            ];
    
            function imgLoad(url,callback) {
                var img = new Image();
                img.src = url;
                if (img.complete) {
                    if(typeof(callback)==='function') callback();
                } else {
                    img.onload = function () {
                        if(typeof(callback)==='function') callback();
                        img.onload = null;
                    };
                }
            }
    
            function preImgLoad(array,callback){
                var index = 0;
                while(index < array.length){
                    if(index==array.length-1){
                        imgLoad(array[index],callback)
                    }else{
                        imgLoad(array[index],array[index+1])
                    }
                    index ++;
                }
            }
    
            preImgLoad(imgArray,function(){console.log('图片已经全部加载成功')})

    睡觉去。。。。

  • 相关阅读:
    offsetheight和clientheight和scrollheight的区别以及offsetwidth和clientwidth和scrollwidth的区别
    响应时间控制
    浏览器兼容
    生成随机数
    递归加载目录
    用委托定义的冒泡排序法
    ref 与out
    二维数组与交错数组的理解
    C#学习
    Jquery选择器
  • 原文地址:https://www.cnblogs.com/ffjiang/p/5195654.html
Copyright © 2020-2023  润新知