读书人

新手问:怎么图片交换显示

发布时间: 2012-02-07 17:45:37 作者: rapoo

新手问:如何图片交换显示,在线等......
有图片a.jpg,b.jpg,我希望在页面的某个区域循环显示2图片,如何实现?
试了以下代码,不成功!
<script language="javascript">
var the_count = 0;
var the_timeout;
ase=new Array();
ase[0]="file:///H|/piclib/a.jpg";
ase[1]="file:///H|/piclib/b.jpg";
var i=0;
function doTimer()
{
if(i==1){i=0;window.open(ase[0],"_blank")}
else {i=1;window.open(ase[1],"_self");}

the_timeout = setTimeout("doTimer();",3000);
}

</script>
</head>

<body onlosd="doTimer()">
<table width="100%" border="0" cellspacing="1">
<tr>

</tr>
</table>
</body>
</html>

显示第一张图片后
IE地址栏显示
file:///H|/a.jpg
停止循环了!!!!!

[解决办法]

HTML code
<script language="javascript"> var the_timeout; ase=new Array(); ase[0]="file:///H|/piclib/a.jpg"; ase[1]="file:///H|/piclib/b.jpg"; var i=0; function doTimer() {    document.getElementById("img").src = ase[i];   if(i==1) i=0;   else i=1;   if(!the_timeout) clearTimeout(the_timeout);   the_timeout = setTimeout("doTimer();",3000); } </script> </head> <body onload="doTimer()"> <table width="100%" border="0" cellspacing="1">    <tr> <img src="" id="img">     </tr> </table> </body> </html> 

读书人网 >JavaScript

热点推荐