如何加快图片显示?最好给个例子
网页代码如下:
<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<title> 新建网页 1 </title>
<img id= "img1 " src= "img/p1.jpg " width= "250 " height= "204 " style= "filter:revealTrans(Transition=1,Duration=0.5) " >
<script language= "JavaScript ">
var k=0;
var imgname1= "img/p ";
var imgname2= ".jpg ";
var imgnub=9;
function start(){
obj=eval( "img1 ");
if (obj.filters.item(0).Transition==23)
obj.filters.item(0).Transition=1;
else
obj.filters.item(0).transition++;
obj.filters.item(0).Apply();
if (k <imgnub) {k++;
}else {k=1;
}
obj.src=Image+k;
obj.filters.item(0).Play();
setTimeout( "start(1) ",2000);
}
-->
</script>
</head>
<body onload= "start() ">
</body>
</html>
------解决方案--------------------直接写在你的脚本里就可以了啊
------解决方案--------------------概念不对吧,js控制的图片都是事先下载到本地的吧,不会因为onmouseover事件在去连接这张图片的吧。。。
------解决方案--------------------首先将所有的图片隐藏(image.style.display= 'none '),然后在图片的 onload 事件中写上 image.style.display= ' ',这样图片加载的过程是隐藏起来的,然后刷一下就出来了。
------解决方案--------------------2楼的说法是对的,4楼的说法是错的,onmouseover也可以去load一幅未加载的图片的
obj2=eval( "Image "+k);
obj.src=obj2.src;
------解决方案--------------------好像都不行,obj.src=obj2.src;还是引用路径,在这种情况下IE还是会重新载入图片。
------解决方案--------------------如果图片比较小,可以将图片做成一张。再将它们以对象的背景形式显示出来。
div+css网站很喜欢用这个方式。你可以查一下background的position属性。