有关图片轮播的实现方法，讨论有分　你懂得


如图、如何能让每一个标签下面的图片都进行轮播呢　。

解决方案 »

  1.   

    是阿 我就是用的哪种方法 
    可是 为什么只有第一个标签下面的可以显示出来  而鼠标放在第二个标签上就什么也没有呢 ？function gwtswitch(modtag, modcontent, modk) {
                for (var i = 1; i < 4; i++) {
                    if (i==modk) {                    document.getElementById(modtag + i).className = "gw_dbt"; document.getElementById(modcontent + i).className = "gw_imk";
                    }
                    else {                    document.getElementById(modtag + i).className = "gw_mbt"; document.getElementById(modcontent + i).className = "display_no";
                    
                    }
                } 
            }<div class="gw_nrk">
            <div class="gw_xbt">
                <div class="gw_dbt" id="gwtmod1" onmouseover="gwtswitch('gwtmod','gwttu','1');this.blur();">
                    发展顾问团</div>
                <div class="gw_mbt" id="gwtmod2" onmouseover="gwtswitch('gwtmod','gwttu','2');this.blur();">
                    学术顾问团</div>
                <div class="gw_mbt" id="gwtmod3" onmouseover="gwtswitch('gwtmod','gwttu','3');this.blur();">
                    媒体顾问团</div>
            </div>
      

  2.   

    你下面有3个DIV，你上面怎么只判断了两个
      

  3.   


     <div class="gw_imk" id="gwttu1">
                <div id="a" class="auto">
                    <ul>
                        <li>
                            <img src="img/1.JPG" width="131" height="100" /></li>
                        <li>
                            <img src="img/2.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/3.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/4.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/5.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/6.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/7.jpg" width="131" height="100" /></li>
                             <li>
                            <img src="img/9.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/10.jpg" width="131" height="100" /></li>
                    </ul>
                </div>
            </div>
            <div class="display_no" id="gwttu2">
                <div id="b" class="auto">
                    <ul>
                        <li>
                            <img src="img/6.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/7.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/8.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/9.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/10.jpg" width="131" height="100" /></li>
                    </ul>
                </div>
            </div>
            <div class="display_no" id="gwttu3">
                <div id="c" class="auto">
                    <ul>
                        <li>
                            <img src="img/11.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/12.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/13.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/14.jpg" width="131" height="100" /></li>
                        <li>
                            <img src="img/15.jpg" width="131" height="100" /></li>
                    </ul>
                </div>
            </div>
      

  4.   

    因为我有两个的class是一样的 。
      

  5.   


    LZ，你自己改改代码就行了：<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>5个图片</title>
    <script type="text/javascript">
    var firstPhoto = 1;
    var lastPhoto = 5;
    function showphoto()
    {
    for(var i = 1; i<=lastPhoto;i++)
    {
    if(firstPhoto == i)
    {
    document.getElementById("photo" + firstPhoto).style.display = "block";
    }
    else
    {
    document.getElementById("photo" + i).style.display = "none";
    }
    }
    if(firstPhoto == lastPhoto)
    {
    firstPhoto = 1;
    }
    else
    {
    firstPhoto ++;
    }
    }
    var timechangephoto = setInterval("showphoto()",1000);
    </script>
    </head>
    <body onload="showphoto()">
    <img src="images/class1-1.jpg" id="photo1" style="display:none;" >
    <img src="images/class1-2.jpg" id="photo2" style="display:none;">
    <img src="images/class1-3.jpg" id="photo3" style="display:none;">
    <img src="images/class1-4.jpg" id="photo4" style="display:none;">
    <img src="images/class1-5.jpg" id="photo4" style="display:none;">
    </body>
    </html>
      

  6.   

    把图片的地址放在一个数组里面，然后有setInter（话说单词不对，意思意思就好了），z这个方法控制 ，去调用数组里面的图片地址   把你的DIV 的背景 或者 IMG的SRC换了就可以了