Question

谁有网页中图片切换的代码，最好是js的，我试过通过改变src还有数组结合，搞不懂怎么让图片一个个切

谁有网页中图片切换的代码，最好是js的，我试过通过改变src还有数组结合，搞不懂怎么让图片一个个切换

Answer 1

最简单的JS切换，先引用jquery

<script type="text/javascript" src="jquery.js"></script>

js代码

var arr = ["image/1.jpg", "image/2.jpg", "image/3.jpg", "image/4.jpg"];
        var arr1 = ["img1", "img2", "img3", "img4"];
        var count = 0;
      

        function go()
        {
            $("#img").attr("src", arr[count]);
            $("#img").attr("alt", arr1[count]);
            count++;
            if (count >= 4)
            {
                count = 0;
            }
        }

        setInterval("go()", 1000);

html代码

<img src="image/1.jpg" alt="img1" id="img" />

图片一秒切换一次，arr配置需要切换的图片，arr1配置对应图片的alt属性，需要别的属性自己再增加数组

Answer 2

图片全部加载
然后一个个显示出来就行了，不需要改变src

Answer 3

<script language =javascript > 
var curIndex=0; 
//时间间隔 单位毫秒 
var timeInterval=5000; 
var arr=new Array(); 
arr[0]="1.jpg"; 
arr[1]="2.jpg"; 
arr[2]="3.jpg"; 
arr[3]="4.jpg"; 
arr[4]="5.jpg"; 
arr[5]="6.jpg"; 
arr[6]="7.jpg"; 
setInterval(changeImg,timeInterval); 
function changeImg() 
{ 
var obj=document.getElementById("showpic"); 
if (curIndex==arr.length-1) 
{ 
curIndex=0; 
} 
else 
{ 
curIndex+=1; 
} 
obj.src="image/"+arr[curIndex]; 
} 
</script> 
<img src="image/1.jpg" width="427" height="219" id="showpic" />

Answer 4

图片轮播吗，用div ul li 横向排开，然后改变div 的left值切换显示

追问

思路有很多，有代码吗

Answer 5

什么?_?