网页中图片自动播放时候如何同时显示图片的说明文字 (已经没有分了,前面还有20分呢,可是没有回答我的问题,分也要不回来了)

function ImgSrc()
  {
  var showTs=document.getElementById("ts");
if(img.height>=300)img.height=277;
if (t==0){img.src="1.png";showTs.innerText="图片1";}
if (t==1){img.src="2.png";showTs.innerText="图片2";}
if (t==2) {img.src="3.png";showTs.innerText="图片3";}
if (t==3) {img.src="4.png";showTs.innerText="图片4";}
if (t==4) {img.src="5.png";showTs.innerText="图片5";}
if (t==5) {img.src="6.png";showTs.innerText="图片6";}
if (t==6) {img.src="7.png";showTs.innerText="图片7";}
if (t==7) {img.src="8.png";showTs.innerText="图片8";}
if (t==8) {img.src="9.png";showTs.innerText="图片9";}
if (t==9) {img.src="10.png";showTs.innerText="图片10";}
if (t==10) {img.src="11.png";showTs.innerText="图片11";}
  }

解决方案 »

  1.   

    <SCRIPT language=JavaScript type=text/JavaScript>
    <!--
    function MM_reloadPage(init) {  //reloads the window if Nav4 resized
      if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
        document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
      else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
    }
    MM_reloadPage(true);
    //-->
    var goid=0;
    var t=0;
    var k=0;
      function ImgArray(len)
      {
       this.length=len;
       }
      ImgName=new ImgArray(10);
      function ImgSrc()
      {if(img.height>=300)img.height=277;
    if (t==0){img.src="1.png";div1.innerHTML="1";}
    if (t==1){img.src="2.png";div1.innerHTML="2";}
    if (t==2) {img.src="3.png";div1.innerHTML="3";}
    if (t==3) {img.src="4.png";div1.innerHTML="4";}
    if (t==4) {img.src="5.png";div1.innerHTML="5";}
    if (t==5) {img.src="6.png";div1.innerHTML="6";}
    if (t==6) {img.src="7.png";div1.innerHTML="7";}
    if (t==7) {img.src="8.png";div1.innerHTML="8";}
    if (t==8) {img.src="9.png";div1.innerHTML="9";}
    if (t==9) {img.src="10.png";div1.innerHTML="10";}
    if (t==10) {img.src="11.png";div1.innerHTML="11";}
      }
      function playImg()
      {
      
        t_end=document.player.intsec.value;
     if (t==10)
        {
         t=1;
        }
        else
        {t++;}
     if (goid==0){
       img.style.filter="blendTrans(Duration=1)";
       img.filters[0].apply();
       ImgSrc();
       tIndex=t;
       img.filters[0].play();
      
       mytimeout=setTimeout("playImg()",t_end);
     }
       }
       
       function go(id){
        if (id==1){
         goid=0
         playImg();
         ImgSrc();
         }
        else if(id==2){
         goid=1;
         }
        else if(id==3){ 
         goid=1;
         t=t+1;
         if (t<=10) {t+1; ImgSrc();}   
     }
     else if(id==4){
      goid=1;
      t=t-1;
       if (t>0)  ImgSrc();
     }
     else if(id==5){
      goid=1;
      t=0;
      playImg();
      ImgSrc();
     }
     else{
      goid=0;
      t=0;
      playImg();
      ImgSrc();
      }
      
        }
    </SCRIPT>
    <meta http-equiv="Content-Type" content="text/html; charset=big5"></HEAD>
    <BODY>
    <TABLE id=table19 style="BORDER-COLLAPSE: collapse" cellSpacing=0 
          cellPadding=0 width=375 border=0>
            <TBODY>
            <TR>
              <TD 
              style="FONT-SIZE: 12px; COLOR: #4b4b4b; FONT-FAMILY: arial,sans-serif" 
              align=left width=375>
                <P align=left><B></B><BR><BR></P></TD></TR>
            <FORM name=player action="" method=post>
            <TR>
              <TD 
              style="FONT-SIZE: 12px; COLOR: #4b4b4b; FONT-FAMILY: arial,sans-serif"><FONT 
                color=#bbbbbb>請選擇播放頻率</FONT> <SELECT name=intsec> <OPTION 
                  value=1000>1秒</OPTION> <OPTION value=3000 selected>3秒</OPTION> 
                  <OPTION value=5000>5秒</OPTION> <OPTION value=8000>8秒</OPTION> 
                  <OPTION value=10000>10秒</OPTION></SELECT> <INPUT onclick=javascipt:go(1) type=button value=開始> 
                  <INPUT onclick=javascipt:go(2) type=button value=停止> 
                  <INPUT onclick=javascipt:go(4) type=button value=上一頁> 
                  <INPUT onclick=javascipt:go(3) type=button value=下一頁> 
            <BR><BR></TD></TR></FORM>
            <TR>
              <TD class=photobox vAlign=center align=left width=277><BR><IMG 
                style="CURSOR: hand" onclick=window.open(img.src); 
                src="1.png" 
                onload="if(this.height>=300)this.height=277;" name=img > <div id="div1"></div>
            <BR></TD></TR></TBODY></TABLE>