国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

圖片頻道如何修改CSS,才能統(tǒng)一各圖片尺寸比例?

2024-07-11 08:24:10
字體:
供稿:網(wǎng)友

問題:圖片頻道如何修改CSS,才能統(tǒng)一各圖片尺寸比例?如:

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

方法二:若指的是內(nèi)容頁的縮略圖吧?這個不是修改CSS,而是修改內(nèi)容頁模板中的JS代碼。

找到模板中的這個標(biāo)簽:{$PhotoUrlList}

在解析后這個標(biāo)簽會變成如下JS代碼內(nèi)容:

<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>

看到這里,我想您應(yīng)該明白了。那就是修改模板,去掉{$PhotoUrlList}標(biāo)簽,直接改成{$GetUrlArray}這個標(biāo)簽,然后加上下面這段代碼(您可以修改這段JS代碼的內(nèi)容,加上更多特效。比如紅色的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='

共2頁上一頁12下一頁
發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 温宿县| 新乐市| 长子县| 甘德县| 易门县| 台前县| 长岛县| 靖西县| 孟村| 和硕县| 定边县| 杂多县| 石屏县| 那曲县| 安新县| 仁寿县| 潮安县| 龙门县| 增城市| 苏尼特左旗| 驻马店市| 青州市| 罗江县| 石林| 偏关县| 南安市| 江达县| 昭平县| 柏乡县| 河间市| 沅江市| 如东县| 梅州市| 和静县| 博客| 高要市| 攀枝花市| 广灵县| 临高县| 马鞍山市| 崇左市|