图片频道如何修改CSS,才能统一各图片尺寸比例? - 动易cms - 爱建站

,,,,CMS教程,模板无忧,建站教程,CMS教程,动易Cms教程,

SEO SEO

首页  >   动易cms > 图片频道如何修改CSS,才能统一各图片尺寸比例?  >  正文

 

问题:图片频道如何修改CSS,才能统一各图片尺寸比例?如: 第二步:样式定义 photolistbox img{width:130px;height:90px;} 方法二:若指的是内容页的缩略图吧?这个不是修改CSS,而是修改内容页模板中的JS代码


问题:图片频道如何修改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下一页

图片频道如何修改CSS,才能统一各图片尺寸比例?
http://www.yuedudg.cn/article/19103811.html

 

友情链接
zblog之家 discuz经验网 wp之家
phpcms之家 织梦之家 帝国cms常识
ecshop经验网 cms综合网


Tags: CMS教程 模板无忧 建站教程 CMS教程 动易Cms教程


手机浏览本文
图片频道如何修改CSS,才能统一各图片尺寸比例?

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

站内推荐

网站分类

标签列表

关于我们
文章内容来源互联网仅供参考,如果还有疑问请联系我们!我们将竭力帮您解决您的问题
联系我们:

QQ: 397423577 

email:397423577@qq.com

微信:ganenboy