日期:2014-05-16  浏览次数:20374 次

如何加快图片显示?最好给个例子

网页代码如下:
<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属性。