在网页中预载图片

Posted on December 20, 2005 by Fdream

预载图片就是在网页下载的过程中把一些暂时不用显示的图片提前下载下来,缓存到临时文件夹里,到要显示时就不会要重新下载了。

举个简单的例子:现在很多网页都用图片做为链接的背景,当鼠标移上去时,背景图片就会发生变化,这种效果还是很不错的。但是在网速较慢的情况下,往往会发生这样一种情况:当你的鼠标移到链接上时,背景变成了一篇空白,导致链接的名称是什么都看不到了,这就是因为要显示的图片没有被预载,而需要临时到服务器去下载。典型例子:(闪吧 有这个问题,但我现在上不了,自己找找咯,很明显的)

解决方法也很简单:
在之间插入下面的代码:

[#afdream.com#]
然后把标签修改为(别忘了把里面的图片路径换成你自己的哦!):

>

具体效果看偶的首页咯:fdream.net

PS:不用上面的代码和用了上面的代码在本地测试时用IE是无法分辨的,建议用 Opera 9,效果会很明显^_^

还有刚才被寝室里的一个哥们鄙视为还看泡沫剧“大龄青年”[redface],本来我也没想到我会看上《将爱情进行到底》这部老片子的,只是在隔壁班一个哥们的强烈推荐(给我说了三次,我都不好意思了)下昨晚去 5Q 一口气拖了十集下来,反正速度快(3.5M/S以上^_^)。昨晚看完第一集,发现自己真的看上了……刚才看第二集的时候就被一兄弟给鄙视了:“都已经是大龄青年了,还看这种冒泡剧!”

分享 |
Categories:
Ajax Web
Tags:
, ,
Comments:
4 Comments
Views:
27,915 Views

Related Posts

4 Responses to <在网页中预载图片>

  1. 大可 says:

    嗯,可以试试
    在网页连接速度快的时候这个根本就看不到效果
    其实要看到的效果也只是在下载速度慢的时候让访问者看到页面的正常效果(还是没效果—_—”)
    在DW里面加入响应鼠标事件的切换背景图片的时候对话框有个选项是“预载图像”,这个就是和你这样加的代码是一样的作用吧
    很奇怪为什么DW里面自动生成的代码里面变量命名都有“MM”,像这里的“MM_preloadImages”,难道……

  2. Fdream says:

    嘿嘿……被发现了……

  3. xell says:

    请问怎么用opera 9测试?以前没有用过opera……

  4. Fdream says:

    用Opera分别打开两个页面,比较一下效果就行了

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>