js图片轮换代码怎么实现，跪求～

JavaScript019

js图片轮换代码怎么实现，跪求～,第1张

其实很简单,方法也很多,不知道你想用什么方法实现.

先介绍两种比较简单的

注:图片大小之类的自己用CSS控制

页面加入<img id="imgId"/>标签

然后引入javascript:

核心:

//给定图片路径数组

var imgs = ['1.jpg','2.jpg',...]

function switchoverCore(){

var img = document.getElementById("imgId")

img.src = imgs.shift(0)

imgs.push(img.src)

//如果用下面的第一种方法,请删除下行注释,第二种不用下行代码

//setTimeout("switchoverCore()",1000)

}

第一种方法

运用setTimeout()

setTimeout("switchoverCore()",1000)//这里的1000是1秒轮换一次,单位为ms(毫秒)

第二种方法

运用setInterval()

setInterval("switchoverCore()",1000)//1000意义解释同上

自己整理下就可以了...

var picID = 0//换成网页中那幅图在picURL中的序号(记得要从0开始数)

var picURL = ["images/img1.jpg","images/img2.jpg","images/img3.jpg"]//将图片链接地址放进来，数量随意

function showimg(str){

　if(str=="L"){

if(picID==0){

　picID = picURL.length-1

　document.getElementById("advimg").src = picURL[picID]

}else{

　document.getElementById("advimg").src = picURL[--picID]

}

　}else if(str=="R"){

if(picID==(picURL.length-1)){

　picID = 0

　document.getElementById("advimg").src = picURL[picID]

}else{

　document.getElementById("advimg").src = picURL[++picID]

}

　}

}