<input type="button" value="切换图片"
 onclick="img_1.src='url_1.jpg'; img_2.src='url_2.jpg'">

解决方案 »

  1.   

    循环的<SCRIPT LANGUAGE="JavaScript">
    var imgsrc = new Array();
    imgsrc[0]="pic1.jpg";
    imgsrc[1]="pic2.jpg";
    imgsrc[2]="pic3.jpg";
    imgsrc[3]="pic4.jpg";
    imgsrc[4]="pic5.jpg";
    imgsrc[5]="pic6.jpg";
    imgsrc[6]="pic7.jpg";
    var n = 0;
    function next()
    {
    document.getElementById('img1').src=imgsrc[n];
    setn(n);
    document.getElementById('img2').src=imgsrc[n];
    setn(n);
    }
    function setn()
    {
    n++;
    if(n==imgsrc.length)
    n=0;
    }
    </SCRIPT>
    <body onload="next()">
    <img id=img1 src="pic1.jpg"><img id=img2 src="pic2.jpg">
    <input type="button" onclick="next();" value="next">
    </body>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE></TITLE>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    var count=0;
    var imgs=new Array('3.jpg',"4.jpg","5.jpg");
    var flag=imgs.length%2;
    function changeImg(){
    var p1=document.getElementById('p1');
    var p2=document.getElementById('p2');
    if(count!=imgs.length&&count!=imgs.length-1){
    p1.src=imgs[count];
    p2.src=imgs[count+1];
    count=count+2;
    }else{
    if(flag==1){
    p1.src=imgs[count-1];
    p2.src=imgs[count];
    }
    }
    }
      //-->
      </SCRIPT>
     </HEAD> <BODY>
      <img src="1.jpg" id="p1" width="80" height="60"/>
      <img src="2.jpg" id="p2" width="80" height="60"/>
      <input type="button" value="更换图片" onclick="changeImg();" />
     </BODY>
    </HTML>
    对不起,刚说了句废话.