请问如何实现图片和文字同时变换的效果！

没怎么写过应用，不知道你说的图片和文字同时变换是什么样的效果。
从机制上说，html页面中的内容可以随意变换，不管是图片还是文字，因此你的问题应该是可以解决，等待下文……

解决方案 »

  1.   

    var imgPath=["1.jpg","2.jpg"];
    var imgIntr=["This is the first image.","This is the second image."];
    var index=0;
    function doChange()
    {
       if(index==imgPath.length)
       {
         index=0;
       }
       document.getElementById("imgObj").src=imgPath[index];
       document.getElementById("imgText").innerHTML=imgIntr[index];   window.setTimeout("doChange()",2000);//隔2秒切换一次
    }window.onload=doChange;//以上是javascript代码///////////////////////////////////////////////////////////////////////////////////<div><img id="imgObj" src="1.jpg"><span id="imgText"></span></div>//以上是HTML代码///////////////////////////////////////////////////////////////////////////////////
    以上代码是我按照你的意思简单写了一下，没测试过，不过应该没问题，提供点意见，希望对你有帮助！
      

  2.   

    var imgPath=["1.jpg","2.jpg"];
    var imgIntr=["This is the first image.","This is the second image."];
    var index=0;
    function doChange()
    {
       if(index==imgPath.length)
       {
         index=0;
       }
       document.getElementById("imgObj").src=imgPath[index];
       document.getElementById("imgText").innerHTML=imgIntr[index];   index+=1;//上面漏掉了的一句话
       window.setTimeout("doChange()",2000);//隔2秒切换一次
    }window.onload=doChange;//以上是javascript代码///////////////////////////////////////////////////////////////////////////////////<div><img id="imgObj" src="1.jpg"><span id="imgText"></span></div>//以上是HTML代码///////////////////////////////////////////////////////////////////////////////////
    以上代码是我按照你的意思简单写了一下，没测试过，不过应该没问题，提供点意见，希望对你有帮助！
      

  3.   

    测试通过的代码，接！
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>Image Change...</title></head><body>
    <table width="600" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="450"><img id="imgPath" name="imgPath" src="images/image-1.jpg" width="450" height="338" onClick="document.getElementById('imgPath').src='images/image-2.jpg';"></td>
        <td width="150"><div id="dvDes"></div></td>
      </tr>
    </table>
    <script language="JavaScript" type="text/javascript"> var img1=new Image();
    img1.src="images/image-1.jpg";//图片1的路径
    var img2=new Image();
    img2.src="images/image-2.jpg";//图片2的路径
    var img3=new Image();
    img3.src="images/image-3.jpg";//图片3的路径 var imgDes=["This is image 1---aaaaaaaaa","This is image 2---bbbbbbbbb","This is image 3---ccccccccccccccc"];
    var imgLinks=["1.htm","2.htm","3.htm"];

    var imgPath=document.getElementById("imgPath");
    var dvDes=document.getElementById("dvDes");
       
        var index=0;

    function change()
    {
    if(index==imgDes.length) index=0;

     eval("imgPath.src=img"+(index+1)+".src;");
    dvDes.innerHTML='<a href="'+imgLinks[index]+'">'+imgDes[index]+'</a>';
     index+=1;
     setTimeout("change()",2000);
    }
    change();
    </script></body>
    </html>
      

  4.   

    我是从数据库里面提出数据,请问
    var imgDes=["This is image 1---aaaaaaaaa","This is image 2---bbbbbbbbb","This is image 3---ccccccccccccccc"];
    var imgLinks=["1.htm","2.htm","3.htm"];
    这段代码可以写成这样的形式吗?
    var img1=new Image();
    img1.src="images/image-1.jpg";//图片1的路径
    var img2=new Image();
    img2.src="images/image-2.jpg";//图片2的路径
    var img3=new Image();
    img3.src="images/image-3.jpg";//图片3的路径
    谢谢