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

2025-04-14 19:30:18
推荐回答(5个)
回答1:

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

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代码

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

回答2:

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

回答3:

 
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]; 

 

回答4:

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

回答5:

什么?_?