strPage ="<td><a href='#Title' onclick=ViewPhoto('" arrUrl[i] "')><img src='" arrUrl[i] "' border='0' if((i 1)%5==0&&i 1<MaxPerPage){strPage ='</tr><tr>';}
}
strPage ="</tr></table>";
if(TotalPage>1){strPage ="<table><tr><td><a href='javascript:ShowUrlList(1)'>首頁</a> <a href='javascript:ShowUrlList(" (page-1) ")'>上一頁</a> <a href='javascript:ShowUrlList(" (page 1) ")'>下一頁</a> <a href='javascript:ShowUrlList(" TotalPage ")'>尾頁</a></td></tr></table>";}
PhotoUrlList.innerHTML=strPage;
}
ShowUrlList(1);
</script>

3、根據(jù)需要對ViewPhoto(PhotoUrl)函數(shù)和ShowUrlList(page)函數(shù)的代碼做適當?shù)男薷�。比如修改ViewPhoto(PhotoUrl)函數(shù)，增加對更多文件類型的支持。修改ShowUrlList(page)函數(shù)，實現(xiàn)文字列表效果或者更漂亮的縮略圖效果。

下面舉個例子：將現(xiàn)在縮略圖效果改成文字效果，只需將ShowUrlList(page)函數(shù)的代碼替換成如下代碼即可。
<script language='javascript'>
function ShowUrlList(page){
if(arrUrl.length<=1) return '';
var dTotalPage=arrUrl.length/5;
var TotalPage;
var MaxPerPage=5;
if(arrUrl.length%MaxPerPage==0){TotalPage=Math.floor(dTotalPage);}else{TotalPage=Math.floor(dTotalPage) 1;}
if(page<1) page=1;
if(page>TotalPage) page=TotalPage;
var strPage='<table><tr>';
for(var i=(page-1)*MaxPerPage;i<arrUrl.length&&i<page*MaxPerPage;i ){
strPage ="<td><a href='#Title' onclick=ViewPhoto('" arrUrl[i] "')>" arrUrlName[i] "</a></td>";
if((i 1)%5==0&&i 1<MaxPerPage){strPage ='</tr><tr>';}
}
strPage ="</tr></table>";
if(TotalPage>1){strPage ="<table><tr><td><a href='javascript:ShowUrlList(1)'>首頁</a> <a href='javascript:ShowUrlList(" (page-1) ")'>上一頁</a> <a href='javascript:ShowUrlList(" (page 1) ")'>下一頁</a> <a href='javascript:ShowUrlList(" TotalPage ")'>尾頁</a></td></tr></table>";}
PhotoUrlList.innerHTML=strPage;
}
ShowUrlList(1);
</script>

查看更多 動易Cms教程  動易Cms模板