zoukankan      html  css  js  c++  java
  • 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('图片已经全部加载成功')})

    睡觉去。。。。

  • 相关阅读:
    突破极验验证的验证码
    c# 自定义多选下拉列表2
    c#多选下拉框(ComboBox)
    图片缩放+拖动(html)
    使用天天模拟器开发android应用
    FineUI开源版之TreeGrid(修改)
    FineUI开源版之TreeGrid实现
    c# 窗体最小化后截图实现
    c#一个简单的实例告诉你,多继承还可以这么来
    设置控件Enable=false,控件颜色不变
  • 原文地址:https://www.cnblogs.com/ffjiang/p/5195654.html
Copyright © 2011-2022 走看看