js實作投影片播放圖片範例程式碼_javascript技巧

1，在頁面中加入下面的元素。展示出置出圖片檔案清單檔案。

複製程式碼 程式碼如下:

圖片名字

2，播放檔案清單的方法。主要是遍歷文件清單並把圖片展示在對應的圖片容器就可以顯示出投影片的效果。

可以用延時的方法調用遍歷方法：window.setInterval("PlayPics()", speed);

複製代碼 程式碼如下:

/**
* 播放圖片的處理方式
**/
function PlayPics()
{
var sel = document.getElementById("img_ateate" ;
if(sel.length==0)//沒有圖片時直接回傳
{
return;
}
else
{
if(sel.selectedIndex> 0)//被選取的下標大於0時就設定上一圖片項目被選取。
{
sel.options[sel.selectedIndex-1].selected=true;
}
else{//如果是選取項目的下標是0，就設定最後一張圖片為被選中。
sel.options[sel.length-1].selected=true;
}
ChangePic(sel.options[sel.selectedIndex].value);//取得選取的圖片，並把圖片的url設定到對應的圖片容器中。

//這個方法可以依照自己的需求進行修改。
}
};