技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> JavaScript --> js实现预加载图片让图片快速显示

js实现预加载图片让图片快速显示

浏览:4934次  出处信息

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

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

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

  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];
  }

建议继续学习:

  1. 图片动态局部毛玻璃模糊效果的实现    (阅读:13577)
  2. 淘宝图片存储架构    (阅读:9810)
  3. 解决IE6从Nginx服务器下载图片不Cache的Bug    (阅读:7081)
  4. When we`re only No.2, we try harder之聊天表情设计小探讨    (阅读:6500)
  5. 精于图片处理的10款jQuery插件    (阅读:6204)
  6. phpThumb:强大的缩微图类    (阅读:5454)
  7. 利用开源的Gearman框架构建分布式图片处理平台[原创]    (阅读:4247)
  8. 使用数据库存放图片    (阅读:4179)
  9. 通过php+imagick 创建PDF图片预览    (阅读:3774)
  10. HTML5文件API之图片预览    (阅读:3660)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1