图片频道如何修改CSS,才能统一各图片尺寸比例?_动易Cms教程
问题:图片频道如何修改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='
- MAC错误的解决方法
- 如何屏蔽动易后台导航里的某个功能菜单?
- 动易.NET版本留言自动选定栏目方法
- 动易SiteFactoty整合Discuz!NT3.0
- 在任意位置获取根节点ID标签
- 如何开启SiteWeaver6.8的支持,反对功能
- Windows 2008安装动易.NET系统之四----动易系统安装篇
- Windows 2008安装动易.NET系统之三----数据库篇
- Windows 2008安装动易.NET系统之二----IIS、目录环境配置篇
- 数据库修复,SQL Server 2005内部操作不一致的处理
- 如何安装动易.net程序权限配置
- 为什么提示对Windows系统文件夹下的Temp目录没有访问权限?
- 相关链接:
- 教程说明:
动易Cms教程-图片频道如何修改CSS,才能统一各图片尺寸比例?。