代码描述:javascript图片预加载。javascript图片预加载简单介绍
图片预加载效果在大量的网站都有使用,特别是使用图片较多的网站,下面就介绍一下图片预加载的作用和用法。 比如一个网站,上面有很多这样的效果,当鼠标放在一个图片的时候,能够切换成另一张图片,如果图片在本地没有缓存的,需要从服务器下载的话,那么可能记载需要一段的事件,那么将会影响用户体验,如果将图片事先下载缓存起来,就可以实现快速切换了。 下面就介绍一下如何实现图片预加载:
<script> var imagePreload=new Image(); imagePreload.src="001.gif"; imagePreload.src="002.gif"; imagePreload.src="003.gif"; </script>
以上代码就可以实现图片预加载,因为当执行到imagePreload.src="001.gif"这样的语句的时候,就会从服务器下载图片,这样图片就会被存入缓存,然后再下载第二个,如此进行下去。不过上面的代码比较适合于少量图片预加载。 大量图片预加载可以使用如下代码:
<script> function imagePreload(){ var imgPreload=new Image(); for(i=0;i<arguments.length;i++) { imgPreload.src = arguments<i>; } } imagePreload('001.gif','002.gif','003.gif','004.gif'); </i> </script>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能