js实现预加载图片让图片快速显示 -- JavaScript -- IT技术博客大学习 -- 共学习共进步！

在做产品相册时，鼠标经过产品的小图片时要求出现大图片，这时如果没有预先加载图片进来，图片会显示很慢。

解决此问题用如下代码实现：

以下是代码片段：
//预加载图片

  var imgname=new Array();
  var img = new Array();
  //要预先加载图片,如果只有一张就可以不用数组，
  imgname[0]="images/200709/1190103232193726715.jpg";
  imgname[1]="images/200709/1190103232486901779.jpg";
  //预读图片
  for (i=0;i<=imgname.length-1;i++)
  {
      img[i] = new Image();
      img[i].src = imgname[i];
  }

建议继续学习：

图片动态局部毛玻璃模糊效果的实现 (阅读：13659)
淘宝图片存储架构 (阅读：10008)
解决IE6从Nginx服务器下载图片不Cache的Bug (阅读：7236)
When we`re only No.2, we try harder之聊天表情设计小探讨 (阅读：6548)
精于图片处理的10款jQuery插件 (阅读：6346)
phpThumb:强大的缩微图类 (阅读：5504)
利用开源的Gearman框架构建分布式图片处理平台[原创] (阅读：4312)
使用数据库存放图片 (阅读：4232)
通过php+imagick 创建PDF图片预览 (阅读：4011)
HTML5文件API之图片预览 (阅读：3783)

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习