图片循环播放的问题

Question

我想让图片在页面上循环播放，以下代码是在网上找的。但弄下来后只能一直显示第一张，不能“播放”。
不懂Javascript，请兄弟们帮忙看看。<script language="JavaScript" type="text/javascript">
var imgcounts=0;
var imgUrl=new Array();
var adNum=0;

imgcounts++;
imgUrl[imgcounts]="gif/1.bmp";

imgcounts++;
imgUrl[imgcounts]="gif/2.bmp";

imgcounts++;
imgUrl[imgcounts]="gif/3.bmp";

imgcounts++;
imgUrl[imgcounts]="gif/4.bmp";

imgcounts++;
imgUrl[imgcounts]="gif/5.bmp"; var j=0;
for (m=1;m<=imgcounts;m++) {
 if (imgUrl[m]!="") {
  j++;
 } else {
  break;
 }
}

function playTran(){
 if (document.all)
  imgInit.filters.revealTrans.play();
}

var key=0;

function nextAd(){
 if (adNum<j) adNum++;
 else adNum=1;
 
 if( key==0 ){
  key=1;
 } else if (document.all){
  imgInit.filters.revealTrans.Transition=23;
  imgInit.filters.revealTrans.apply();
playTran();
 }
 document.images.imgInit.src=imgUrl[adNum];
 st=setTimeout('nextAd()', 6000);
}

</script>
<img style="border:0px solid #FFFFFF; FILTER: revealTrans(duration=2,transition=6);" src="javascript:nextAd()" border="0" name="imgInit" align="right" width="174" height="116">

Answer 1

var preloadedimages = new Array() ; var cpAD=new Array();
var cpADlink=new Array();
var cpADmsg=new Array();
var adNum=12; 
var coll=0;cpAD[0]="../common/images/imageschange/company/1.GIF";
cpADlink[0]="../common/images/imageschange/company/1.GIF";
cpADmsg[0]="1"; cpAD[1]="../common/images/imageschange/company/2.GIF";
cpADlink[1]="../common/images/imageschange/company/2.GIF";
cpADmsg[1]="2";cpAD[2]="../common/images/imageschange/company/3.GIF";
cpADlink[2]="../common/images/imageschange/company/3.GIF";
cpADmsg[2]="3"; cpAD[3]="../common/images/imageschange/company/4.GIF";
cpADlink[3]="../common/images/imageschange/company/4.GIF";
cpADmsg[3]="4";cpAD[4]="../common/images/imageschange/company/5.GIF";
cpADlink[4]="../common/images/imageschange/company/5.GIF";
cpADmsg[4]="5"; cpAD[5]="../common/images/imageschange/company/6.GIF";
cpADlink[5]="../common/images/imageschange/company/6.GIF";
cpADmsg[5]="6"; cpAD[6]="../common/images/imageschange/company/7.GIF";
cpADlink[6]="../common/images/imageschange/company/7.GIF";
cpADmsg[6]="7"; cpAD[7]="../common/images/imageschange/company/8.GIF";
cpADlink[7]="../common/images/imageschange/company/8.GIF";
cpADmsg[7]="8"; cpAD[8]="../common/images/imageschange/company/9.GIF";
cpADlink[8]="../common/images/imageschange/company/9.GIF";
cpADmsg[8]="9"; cpAD[9]="../common/images/imageschange/company/10.GIF";
cpADlink[9]="../common/images/imageschange/company/10.GIF";
cpADmsg[9]="10"; cpAD[10]="../common/images/imageschange/company/11.GIF";
cpADlink[10]="../common/images/imageschange/company/11.GIF";
cpADmsg[10]="11"; cpAD[11]="../common/images/imageschange/company/12.GIF";
cpADlink[11]="../common/images/imageschange/company/12.GIF";
cpADmsg[11]="12"; for( i=1 ; i<cpAD.length ; i++ )
{ 
//alert( cpAD.length + " -----(1-5) " + i ) ;
preloadedimages[i] = new Image() ; 
preloadedimages[i].src = cpAD[i] ; 
} function jump2url()
{ 
jumpUrl = cpADlink[adNum] ; 
jumpTarget = '_blank' ; 
if( jumpUrl != '' )
{ 
if( jumpTarget != '' )
window.open(jumpUrl,jumpTarget) ; 
else location.href = jumpUrl ; 
} 
}
function changeimg( n )
{
adNum = n-1 ;

for(var m=0;m<12;m++)
{
if(m==n)
{
eval("document.all.img" + (m +1)).src="../common/images/imageschange/" + (m +1) + "-2.gif";
}
else
{
eval("document.all.img" + (m +1)).src="../common/images/imageschange/" + (m +1) + ".gif";
}
} window.clearInterval( theTimer ) ;
nextAd();
}
function nextAd()
{
//adNum = 6 --- coll= 0
//alert( "nextAd" + " --- " + "adNum = " + adNum + " --- " + "coll = " + coll ) ; 
coll++;
if( coll > 1 )
{
for(var m=0;m<12;m++)
{
if(m==(adNum+1))
{
eval("document.all.img" + (m +1)).src="../common/images/imageschange/" + (m +1) + "-2.gif";
}
else
{
eval("document.all.img" + (m +1)).src="../common/images/imageschange/" + (m +1) + ".gif";
}
}
if((adNum+1)==12)
{
eval("document.all.img1").src="../common/images/imageschange/1-2.gif";
adNum=-1;
}

}

if(adNum<cpAD.length-1)
{
if(adNum == -1)
{
document.images.cpADrush.src=cpAD[0]; 
}
else
{
document.images.cpADrush.src=cpAD[adNum]; 
}
adNum++ ; 
}
else 
{
adNum=0;
document.images.cpADrush.src=cpAD[adNum]; 
} setTransition() ;
document.images.cpADrush.src=cpAD[adNum] ; 
playTransition() ; 
displayStatusMsg() ;
theTimer = setTimeout("nextAd()", 5000) ; 
}
function setTransition()
{ 
if (document.all)
{ 
document.images.cpADrush.filters.revealTrans.Transition=23; 
document.images.cpADrush.filters.revealTrans.apply(); 
} 
} 
function playTransition()
{ 
if (document.all) 
document.images.cpADrush.filters.revealTrans.play() 
} 
function displayStatusMsg() 
{ 
//status = cpADmsg[adNum] ; 
document.returnValue = true; 
} 

Answer 2

<HTML>
<HEAD>
<title></title>
<meta content="JavaScript" name="vs_defaultClientScript">
<LINK rel="stylesheet" href="../common/css/result.css" type="text/css">
<script language='javascript' src="../common/js/companychange.js"></script>
</HEAD>
<BODY leftMargin=0 topMargin=0>
<table cellSpacing="2" cellPadding="0" align="center" border="0">
<tr>
<td align="center" width="100%" height="100%">
<div style="WIDTH: 100%" align="center">
<A href="javascript:jump2url()">
<IMG id="cpADrush" style="FILTER: revealTrans(duration=2,transition=23)" height="180" src="../common/images/imageschange/company/1.GIF" width="300" border="0" name="cpADrush">
</A>
</div>
</td>
</tr>
<tr>
<td class="bookfont" vAlign="top" width="100%">
<div align="right">
<A onmouseover="changeimg(0)" href="#">
<IMG id="img1" onclick="changeimg(0)" height="16" src="../common/images/imageschange/1-2.gif" width="20" border="0" name="Image2">
</A>
<A onmouseover="changeimg(1)" href="#">
<IMG id="img2" onclick="changeimg(1)" height="16" src="../common/images/imageschange/2.gif" width="20" border="0" name="img2">
</A>
<A onmouseover="changeimg(2)" href="#">
<IMG id="img3" onclick="changeimg(2)" height="16" src="../common/images/imageschange/3.gif" width="20" border="0" name="img3">
</A>
<A onmouseover="changeimg(3)" href="#">
<IMG id="img4" onclick="changeimg(3)" height="16" src="../common/images/imageschange/4.gif" width="20" border="0" name="img4">
</A>
<A onmouseover="changeimg(4)" href="#">
<IMG id="img5" onclick="changeimg(4)" height="16" src="../common/images/imageschange/5.gif" width="20" border="0" name="img5">
</A>
<A onmouseover="changeimg(5)" href="#">
<IMG id="img6" onclick="changeimg(5)" height="16" src="../common/images/imageschange/6.gif" width="20" border="0" name="img6">
</A>
<A onmouseover="changeimg(6)" href="#">
<IMG id="img7" onclick="changeimg(6)" height="16" src="../common/images/imageschange/7.gif" width="20" border="0" name="img7">
</A>
<A onmouseover="changeimg(7)" href="#">
<IMG id="img8" onclick="changeimg(7)" height="16" src="../common/images/imageschange/8.gif" width="20" border="0" name="img8">
</A>
<A onmouseover="changeimg(8)" href="#">
<IMG id="img9" onclick="changeimg(8)" height="16" src="../common/images/imageschange/9.gif" width="20" border="0" name="img9">
</A>
<A onmouseover="changeimg(9)" href="#">
<IMG id="img10" onclick="changeimg(9)" height="16" src="../common/images/imageschange/10.gif" width="20" border="0" name="img10">
</A>
<A onmouseover="changeimg(10)" href="#">
<IMG id="img11" onclick="changeimg(10)" height="16" src="../common/images/imageschange/11.gif" width="20" border="0" name="img11">
</A>
<A onmouseover="changeimg(11)" href="#">
<IMG id="img12" onclick="changeimg(11)" height="16" src="../common/images/imageschange/12.gif" width="20" border="0" name="img12">
</A>
</div>
<SCRIPT language="JavaScript">nextAd()</SCRIPT>
</td>
</tr>
</table></body>
</HTML>

Answer 3

rickjelly2004 ；很久没见你哦。

Answer 4

所有的imgInit改成document.all.imgInit即可