用javascript循环显示图片

把图片的地址存到数组中， 用 window.setInterval 定时循环显示。

解决方案 »

  1.   

    也就是动态的修改 img 标签的  src 为某个值就行了。
      

  2.   

    给你一个思路，把下面代码包村成html,然后在弄几张图片<style><!--
    #obj {filter:revealTrans(duration=5,transition=3);}
    --></style>
    <SCRIPT LANGUAGE=javascript>
    <!--
    var myPic = new Array();
    myPic[1] = "images/1-1.gif";
    myPic[2] = "images/2-1.gif";
    myPic[3] = "images/3-1.gif";
    myPic[4] = "images/4-1.gif";
    myPic[5] = "images/5-1.gif";
    myPic[6] = "images/6-1.gif";

    var strCurrentPic=1;
    function do_transition(){
    if (strCurrentPic==6){
    strCurrentPic=1;
    }else{
    strCurrentPic++;
    }
    obj.filters(0).apply();
    obj.src=myPic[strCurrentPic];
    obj.filters(0).play();


    }
    intA=setInterval("do_transition()",5000);
    //-->
    </SCRIPT>
    <div align="center"><img src="images/1-1.gif" id="obj" width="180" height="102" ></div>
      

  3.   

    <body>
    <div id="ad">这是广告容器</div>
    <script language="JavaScript">
    var ADSet = new Array(
    "<a href=''><img src='1.gif' alt='1' border='0'></a>", //这些看看就明白了
    "<a href=''><img src='2.gif' alt='2' border='0'></a>",
    "<a href=''><img src='3.gif' alt='3' border='0'></a>",
    "<a href=''><img src='4.gif' alt='4' border='0'></a>",
    "<a href=''><img src='5.gif' alt='5' border='0'></a>",
    "<a href=''><img src='6.gif' alt='6' border='0'></a>",
    "<a href=''><img src='7.gif' alt='7' border='0'></a>",
    "<a href=''><img src='8.gif' alt='8' border='0'></a>",
    "<a href=''><img src='9.gif' alt='9' border='0'></a>",
    "<a href=''><img src='10.gif' alt='10' border='0'></a>",
    "<a href=''><img src='11.gif' alt='11' border='0'></a>",
    "<a href=''><img src='12.gif' alt='12' border='0'></a>",
    "<a href=''><img src='13.gif' alt='13' border='0'></a>",
    "<a href=''><img src='14.gif' alt='14' border='0'></a>");
    var c_index = -1;
    function changeAD()
    {
    document.all.ad.innerHTML = "";
    for(var i=0; i<4; i++) //一次显示4个，可以修改。
    {
    c_index++;
    if(c_index>=ADSet.length)c_index=0;
    document.all.ad.innerHTML += ADSet[c_index] + "<br>";
    }
    setTimeout("changeAD();",3000); //三秒钟换一次，可以修改，单是毫秒
    }
    function window.onload()
    {
    changeAD();
    }
    </script>
    </body>
      

  4.   

    可是我的里面还有flash图片呀，怎么处理，还要加链接
      

  5.   

    to:GageCSDN(稻草人) 
     你的程序是最接近我想要的效果，但两图片之间没间隔，且不能一张张向上翻
      

  6.   

    GageCSDN(稻草人) 怎么不在了?
      

  7.   

    <div id="ad">轮流显示图片</div>
    <script language="JavaScript">
    var arraypic = new Array(
    "<a href='1/index.jsp'><img src='1pic.gif' alt='1' border='0'></a>",
                            "<a href='2/index.jsp'><img src='2pic.gif' alt='2' border='0'></a>",
    "<a href='3/index.jsp'><img src='3pic.gif' alt='3' border='0'></a>",
    "<a href='4/index.jsp'><img src='4pic.gif' alt='4' border='0'></a>",
    "<a href='5/index.jsp'><img src='5pic.gif' alt='5' border='0'></a>",
    "<a href='6/index.jsp'><img src='6pic.gif' alt='6' border='0'></a>",
    "<a href='7/index.jsp'><img src='7pic.gif' alt='7' border='0'></a>",
    "<a href='8/index.jsp'><img src='8pic.gif' alt='8' border='0'></a>",
    "<a href='9/index.jsp'><img src='9pic.gif' alt='9' border='0'></a>",
    "<a href='10/index.jsp'><img src='10pic.gif' alt='10' border='0'></a>",
    "<a href='11/index.jsp'><img src='11pic.gif' alt='11' border='0'></a>",
    "<a href='12/index.jsp'><img src='12pic.gif' alt='12' border='0'></a>"
    );
    var c_index = -1;
    function changeAD()
    {
    document.all.ad.innerHTML = "";
    for(var i=0; i<4; i++) 。
    {
    c_index++;
    if(c_index>=arraypic.length)c_index=0;
    document.all.ad.innerHTML += arraypic[c_index] + "<br>";
    }
    setTimeout("changeAD();",3000);
    }changeAD();</script>