求助JS图片切换方式

上网找了很多源代码，但是没有我需要的，哪位高手帮忙下！先感谢了。！需要4幅图片轮换，自动切换，有一个上一张，下一张的按钮。
如图。

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    var arryIamge = ['images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg']//四张图片的路径
    var count = 0; //第一种方法
    function show() {
    count++;
    document.all.imagesID.src = arryIamge[count];
    document.all.imagesID.style.display="block";
    if (count == 4) {
    count = 0;
    }
    }
    function showDown() {
    count--;
    document.all.imagesID.src = arryIamge[count];
    document.all.imagesID.style.display="block";
    if (count == -1){
    count = 3;
    }
    }
    //第二种方法
    function show(unmber) { if (unmber == "+") {
    count++;
    }
    if (unmber == "-") {
    count--;
    }
    document.all.imagesID.src = arryIamge[count];
    document.all.imagesID.style.display="block";
    if (count == -1){
    count = 3;
    }

    if (count == 4) {
    count = 0;
    }
    }
      //-->
      </SCRIPT>
     </HEAD> <BODY>
      <IMG SRC="images/1.jpg" id="imagesID"><br>
      <input type="button" value="上一张" onClick="show('-')">
      <input type="button" value="下一张" onClick="show('+')">
      </BODY>
    </HTML>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    var arryIamge = ['images/1.jpg','images/2.jpg','images/3.jpg','images/4.jpg']//四张图片的路径
    var count = 0;
    function show() {
    document.all.imagesID.src = arryIamge[count];
    document.all.imagesID.style.display="block";
    count++;
    if (count == 4) {
    count = 0;
    }
    setTimeout("show()",1000);
    }
      //-->
      </SCRIPT>
     </HEAD> <BODY onLoad="show()">
      <IMG SRC="images/1.jpg" id="imagesID"><br>
      </BODY>
    </HTML>