JS图片切换的具体方法(带缩略图版)_javascript技巧

href="/" target=_blank> src="https://www.gxlcms.com/jscss/demoimg/wall1.jpg" width="450" height="335" /> target=_blank>图一 href="/" target=_blank> href="/" target=_blank> href="/" target=_blank> href="/" target=_blank> href="/" target=_blank> var picarry = {}; var lnkarry = {}; var ttlarry = {}; picarry[0] = "http://www.gxlcms.comhttps://www.gxlcms.com/jscss/demoimg/wall1.jpg"; lnkarry[0] = "/"; ttlarry[0] = "图一"; picarry[1] = "https://www.gxlcms.com/jscss/demoimg/wall2.jpg"; lnkarry[1] = "/"; ttlarry[1] = "图二"; picarry[2] = "https://www.gxlcms.com/jscss/demoimg/wall3.jpg"; lnkarry[2] = "/"; ttlarry[2] = "图三"; picarry[3] = "https://www.gxlcms.com/jscss/demoimg/wall4.jpg"; lnkarry[3] = "/"; ttlarry[3] = "图四"; picarry[4] = "https://www.gxlcms.com/jscss/demoimg/wall5.jpg"; lnkarry[4] = "/"; ttlarry[4] = "图五";

var currslid = 0;

var slidint;

function setfoc(id){

document.getElementById("focpic").src = picarry[id];

document.getElementById("foclnk").href = lnkarry[id];

document.getElementById("foctitle").innerHTML = ''+ttlarry[id]+'';

currslid = id;

for(i=0;i<5;i++){

document.getElementById("tmb"+i).className = "thumb_off";

};

document.getElementById("tmb"+id).className ="thumb_on";

focpic.style.visibility = "hidden";

focpic.filters[0].Apply();

if (focpic.style.visibility == "visible") {

focpic.style.visibility = "hidden";

focpic.filters.revealTrans.transition=23;

}

else {

focpic.style.visibility = "visible";

focpic.filters[0].transition=23;

}

focpic.filters[0].Play();

stopit();

}

function playnext(){

if(currslid==4){

currslid = 0;

}

else{

currslid++;

};

setfoc(currslid);

playit();

}

function playit(){

slidint = setTimeout(playnext,4500);

}

function stopit(){

clearTimeout(slidint);

}

window.onload = function(){

playit();

}