zoukankan      html  css  js  c++  java
  • js-页面进入时同时实现-图片预加载

    下面的是我认为最简单的预加载图片里!在页面进入时就开始加载

    var imgARR = ['images/xmImg1.png','images/xmImg2.png','images/xmImg3.png','images/xmImg4.png','images/xmImg5.png','images/xmImg6.png',
                                'images/xgimg1.png','images/xgimg2.png','images/xgimg3.png','images/xgimg4.png','images/xgimg5.png','images/xgimg6.png','images/dlimg14.png',
                                'images/dlimg1.png','images/dlimg2.png','images/dlimg3.png','images/dlimg4.png','images/dlimg5.png','images/dlimg6.png''images/dlimg7.png','images/dlimg8.png',
                                'images/dlimg9.png','images/dlimg10.png','images/dlimg11.png','images/dlimg12.png','images/dlimg13.png','images/ljimg1.png','images/syimg1.png','images/syimg2.png',
                                'images/syimg3.png','images/syimg4.png','images/syimg5.png','images/syimg6.png','images/syimg7.png','images/syimg8.png','images/syimg9.png','images/syimg10.png',
                                'images/syimg11.png','images/syimg12.png','images/syimg13.png','images/syimg14.png','images/syimg15.png','images/syimg16.png'];


    var imgAll= [];

    function preloadImg(arr) {
               for(var i =0; i< arr.length ;i++) {
                      imgAll[i] = new Image();
                      imgAll[i].src = arr[i];
               }
    }

    preloadImg(imgARR );

    //或者延迟的文档加载完毕在加载图片

    $(function () {
          preloadImg(imgARR );
    })

  • 相关阅读:
    附件下载遇到 ERR_RESPONSE_HEADERS_MULTIPLE_CONTENT_DISPOSITION 错误
    Javascript模块编程&jQuery插件开发学习笔记
    网站推荐
    分布式服务下Quartz任务变为EREOR分析及解决
    Quartz任务监听器
    定时任务框架Quartz基本使用
    2020年CKA考试分享
    vue-element-loading 动态插件
    pycharm之常用插件
    PHP开源项目之YOURLS
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/8953538.html
Copyright © 2011-2022 走看看