首頁  >  文章  >  web前端  >  JS圖片切換的具體方法(帶縮圖版)_javascript技巧

JS圖片切換的具體方法(帶縮圖版)_javascript技巧

WBOY
WBOY原創
2016-05-16 17:15:45936瀏覽

複製程式碼 程式碼如下:

五屏带缩略图幻灯片切换代码

 

   

     

       

href="/" target=_blank>

src="/jscss/demoimg/wall1.jpg" width="450" height="335" />

           

         

             

             

             

             

             

             

           

       

     

   

  ;

表>

var currslid = 0; 

var slidint; 

函數 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

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

    }; 

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

    focpic.style.visibility = "隱藏"; 

    focpic.filters[0].Apply(); 

    if (focpic.style.visibility == "可見") { 

        focpic.style.visibility = "隱藏"; 

        focpic.filters.revealTrans.transition=23; 

    } 

   其他 { 

        focpic.style.visibility = "可見"; 

        focpic.filters[0].transition=23; 

    } 

    focpic.filters[0].Play(); 

    stopit(); 

 

函數 playnext(){ 

    if(currslid==4){ 

        currslid = 0; 

    } 

   其他{ 

        currslid ; 

    }; 

    setfoc(currslid); 

    playit(); 

函數 playit(){ 

    slidint = setTimeout(playnext,4500); 

函數 stopit(){ 

   clearTimeout(slidint); 

    } 

window.onload = function(){ 

    playit(); 

}腳本>

身體>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn