图片预加载

来源:百度知道 编辑:UC知道 时间:2024/06/03 18:31:42
高手们看看这个代码有问题吗?图片为什么不能预加载呀?要等鼠标移上去后才会慢慢的显示出来,按道理来讲应该马上显示出来才对呀。
不知道为什么代码提交不上去,去这里看吧
www.wanhuo8.cn/111
这是我的测试地址,进去后,点右键-查看源文件就可以了。

你们明不明白什么叫预加载呀,我想把图片预先载入缓存里,然后鼠标移上去后,就不用加载了,直接显示出来,而现在根本就是没有预先载入缓存,1.5M的图片要好长时间才能显示出来,我要的效果就鼠标移上去,用不了1秒就立即显示出来。

看了你的源文件,onMouseOVER就是说鼠标移动到图片上才显示出来,你要马上显示出来,那就把这段写到img src=""里面去呀。

=========================
3/20补充:
=========================
不好意思,前面没看懂预加载的意思
可能是网速的问题,测试的时候比较慢,换了其他网站的图片就可以。加了一个checkImages函数,i.complete用来判定图像是否预加载完毕,加载完毕后会alert提示,然后鼠标移动到图片上,应该用不了1秒就立即显示出来。

<script>
var i;
function preloader() {
i=new Image();
//i.src="http://www.wanhuo8.cn/111/1.jpg";
i.src="http://wallcoo.download.it168.com/flower/poppy_flower_photo/mxxx01/%5Bwallcoo.com%5D_Poppy_flower_wallpaper_EA52019.jpg";
checkImages();
}

function checkImages() {
var result = false;
result = i.complete;
if (result) {