zoukankan      html  css  js  c++  java
  • 利用js预缓存图片

    利用js预缓存图片,请看代码

    <span id="loadtxt" style="display:none">正在加载...</span>
    <img name="loadimg">
    <select name="select" onchange="imgLoad(this)">
      <option value="1">Image1</option>
      <option value="2">Image2</option>
      <option value="3">Image3</option>
      <option value="4">Image4</option>
    </select>
    <script language="javascript">
    var imgsrc=new Array();
    imgsrc[1]="http://t6.baidu.com/it/u=2560653164,2154517447&gp=34.jpg";
    imgsrc[2]="http://t4.baidu.com/it/u=2938696448,1280555173&gp=4.jpg";
    imgsrc[3]="http://t1.baidu.com/it/u=1655407454,2687003786&gp=30.jpg";
    imgsrc[4]="http://t4.baidu.com/it/u=3791483135,1943780984&gp=26.jpg";
    var img=new Image(160,120);
    function imgLoad(list){
     loadtxt.style.display="";
     loadimg.style.display="none";
     if(list){
      var listId=list.options[list.selectedIndex].value
     }else{
      var listId=1;
     } 
     img.src=imgsrc[listId];
     img.onload=limg;
     
    }
    function limg(){
     loadtxt.style.display="none";
     loadimg.style.display="";
     document.loadimg.src=img.src;
    }
    imgLoad();
    </script>

  • 相关阅读:
    CString详细讲解
    常用的函数调用约定 stdcall/cdecl/fastcall
    near指针,far指针,huge指针
    md /mdd /ml /mt/mtd
    VC通过ADO链接ORACLE数据库
    c++ 线程同步
    typedef struct与struct的区别
    BeginPaint&&GetDc(转)
    left join 命令详解
    sqlserver IO 监测
  • 原文地址:https://www.cnblogs.com/zzx/p/1448724.html
Copyright © 2011-2022 走看看