如何将图片内容页的显示效果完全个性化？(3)_动易Cms教程

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、根据需要对ViewPhoto(PhotoUrl)函数和ShowUrlList(page)函数的代码做适当的修改。比如修改ViewPhoto(PhotoUrl)函数，增加对更多文件类型的支持。修改ShowUrlList(page)函数，实现文字列表效果或者更漂亮的缩略图效果。

下面举个例子：将现在缩略图效果改成文字效果，只需将ShowUrlList(page)函数的代码替换成如下代码即可。
<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模板