<body onLoad="MM_preloadImages('images/h_08.jpg','images/y_12.jpg','images/y_14.jpg','images/y_08.jpg','images/h_16.jpg','images/h_18.jpg','images/h_20.jpg','images/h_22.jpg','images/h_10.jpg','images/h_12.jpg','images/h_14.jpg')">
加载完下载图片,对一些图片大的网站还是不错的~
纯CSS预载图片
网站你要滚动你的导航然后有个延迟直到图片被加载完。预载将在这方面帮助你。它将在页面加载的时候加载那些图片并将其存储在浏览器的缓存里面。这样当用户滚动导航的时候，很漂亮而且流畅，没有延迟。
CSS代码
这个概念就是写一个CSS样式设置一批背景图片，然后将其隐藏，这样你就看不到那些图片了。那些背景图片就是你想预载的图片。
这是一个例子:
#preloader { /* Images you want to preload*/ background-image: url(image1.jpg); background-image: url(image2.jpg); background-image: url(image3.jpg); width: 0px; height: 0px; display: inline; }
这只是一种隐藏你的图片的方法，所以它们不会被显示。我也见到有人使用非常大的background-position值将图片推出去。或者给一个负的margin值。有很多中方法隐藏你要预载的图片，选择最适合你的吧。
另一种情况
有巨大的图片需要下载的情况并不会经常发生，如果你采用通常的做法，提供某种图片正在加载的表示。这里是一些CSS，可以给用户一个提示：图片正在加载。
img { background: url(loadingHourGlass.gif) no-repeat 50% 50%; }
gif图片可以是动画，类似于mac上的沙滩球或者PC上的沙漏之类的东东。采用一个动画吧，这样用户就会知道事情正在进行。