图片频道如何修改CSS,才能统一各图片尺寸比例?_动易Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

问题:图片频道如何修改CSS,才能统一各图片尺寸比例?如:

第二步:样式定义
#photolistbox img
{
width:130px;
height:90px;
}

方法二:若指的是内容页的缩略图吧?这个不是修改CSS,而是修改内容页模板中的JS代码

找到模板中的这个标签:{$PhotoUrlList}

在解析后这个标签会变成如下JS代码内容:

<script language='javascript'>
var arrUrlName=new Array();
var arrUrl=new Array();
arrUrlName[0]='图片地址1';
arrUrl[0]='/Photo/UploadPhotos/200604/20060427084000863.jpg';
</script>
<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 ){
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>

看到这里,我想您应该明白了。那就是修改模板,去掉{$PhotoUrlList}标签,直接改成{$GetUrlArray}这个标签,然后加上下面这段代码(您可以修改这段JS代码的内容,加上更多特效。比如红色的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 ){
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='

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

共2页上一页12下一页
来源:模板无忧//所属分类:动易Cms教程/更新时间:2006-05-06
相关动易Cms教程