优化javascript中图片的显示

在图片显示的实际操作中，经常遇到以下两种情况：

1.同时显示大量图片时

2.当图片响应 事件时

由于新图片需要从服务器加载，所以，会显示的很慢。

为解决这个问题，可以采用以下解决方法：

例1：

<script>(new Image()).src = "image1.gif";</script><img src = "image2.gif"   onmouseover = "this.src = 'image1.gif' "  onmouseout = " this.src = 'image2.gif' ">

 

new Image() 相当于声明一个图片的对象，

在声明时，浏览器将图片缓存起来，当需要使用的时候，从浏览器缓存加载，而不是通过网络加载，

加快的加载速度，保证了实时性。

例1中的事例：如果不使用 第一行的代码，那么，在鼠标第一次指向图片的时候，由于图片时从服务器端加载，受到网速影响，第一次相应时，会明显较慢。

加上第一行代码，即可解决。