JS图片切换,带缩略图版

  

     class=box style="MARGIN-BOTTOM: 8px">  

       class=boxpadding>  

         id=Slide> href="/" target=_blank>  

 id=focpic style="FILTER: RevealTrans(duration=1;ransition=12); VISIBILITY: visible; POSITION: absolute; left:484; top:94"    

src= width="450" height="335" />  

             class=thumb_title id=foctitle>target=_blank>图一  

           id=Slide_Thumb>  

               class=thumb_on id=tmb0 onmouseover=setfoc(0); onmouseout=playit();>href="/" target=_blank> alt="图二" src= />  

               class=thumb_off id=tmb1 onmouseover=setfoc(1); onmouseout=playit();>href="/" target=_blank> alt="图二" src= />  

               class=thumb_off id=tmb2 onmouseover=setfoc(2); onmouseout=playit();>href="/" target=_blank> alt="图三" src= />  

               class=thumb_off id=tmb3 onmouseover=setfoc(3); onmouseout=playit();>href="/" target=_blank> alt="图四" src= />  

               class=thumb_off id=tmb4 onmouseover=setfoc(4); onmouseout=playit();>href="/" target=_blank> alt="图五" src= />  

var picarry = {};   

var lnkarry = {};   

var ttlarry = {};   

lnkarry[0] = "/";   

ttlarry[0] = "图一";   

lnkarry[1] = "/";   

ttlarry[1] = "图二";   

lnkarry[2] = "/";   

ttlarry[2] = "图三";   

lnkarry[3] = "/";   

ttlarry[3] = "图四";   

lnkarry[4] = "/";   

ttlarry[4] = "图五";   

 align="center">  

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();   

}