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

for(var i=(page-1)*MaxPerPage;i<arrUrl.length&&i<page*MaxPerPage;i ){
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>
我们来分析一下这段代码，原理也是非常简单：先得到图片地址的数组，即{$GetUrlArray}标签解析后的内容。然后定义一个层对象：PhotoUrlList，再定义一个JS函数ShowUrlList(page)，最后调用这个函数来得到图片地址列表的第一页。

4、{$PhotoUrl}标签，解析后的代码：/Photo/UploadPhotos/200605/20060504105712499.jpg
其作用是：得到图片地址列表中的第一个地址

从上面的分析过程我们可以看到，这几个标签在解析后，几乎都是变成了相应的JS代码。那么我们可以根据自己需要，并不需要调用所有的标签。实际上，我们只需要两个标签即可：{$GetUrlArray}和{$PhotoUrl}。
具体步骤如下：
1、将模板中的{$ViewPhoto}标签替换成如下代码（注重最后一行代码与这个标签解析后的代码有不同）：
<div id='imgBox'></div>
<script language='javascript'>
function ViewPhoto(PhotoUrl){
var strHtml;
var FileExt=PhotoUrl.substr(PhotoUrl.lastIndexOf('.') 1).toLowerCase();
if(FileExt=='gif'||FileExt=='jpg'||FileExt=='png'||FileExt=='bmp'||FileExt=='jpeg'){
strHtml="<a href='" PhotoUrl "' target='PhotoView'><img src='" PhotoUrl "' border='0' onload='if(this.width>800) this.}else if(FileExt=='swf'){
strHtml="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0' name='imgBox'><param name='movie' value='" PhotoUrl "'><param name='quality' value='high'><embed src='" PhotoUrl "' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' }else{
strHtml=PhotoUrl;
}
imgBox.innerHTML=strHtml;
}
ViewPhoto('{$PhotoUrl}');
</script>
2、将模板中的{$PhotoUrlList}标签替换成如下代码（注重第一行的{$GetUrlArray}标签不能少）：
{$GetUrlArray}
<div id='PhotoUrlList'></div>
<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 ){

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