圖片頻道如何修改CSS,才能統(tǒng)一各圖片尺寸比例?_動(dòng)易Cms教程
問(wèn)題:圖片頻道如何修改CSS,才能統(tǒng)一各圖片尺寸比例?如:
第二步:樣式定義
#photolistbox img
{
width:130px;
height:90px;
}
方法二:若指的是內(nèi)容頁(yè)的縮略圖吧?這個(gè)不是修改CSS,而是修改內(nèi)容頁(yè)模板中的JS代碼。
找到模板中的這個(gè)標(biāo)簽:{$PhotoUrlList}
在解析后這個(gè)標(biāo)簽會(huì)變成如下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)'>首頁(yè)</a> <a href='javascript:ShowUrlList(" (page-1) ")'>上一頁(yè)</a> <a href='javascript:ShowUrlList(" (page 1) ")'>下一頁(yè)</a> <a href='javascript:ShowUrlList(" TotalPage ")'>尾頁(yè)</a></td></tr></table>";}
PhotoUrlList.innerHTML=strPage;
}
ShowUrlList(1);
</script>
看到這里,我想您應(yīng)該明白了。那就是修改模板,去掉{$PhotoUrlList}標(biāo)簽,直接改成{$GetUrlArray}這個(gè)標(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='
- MAC錯(cuò)誤的解決方法
- 如何屏蔽動(dòng)易后臺(tái)導(dǎo)航里的某個(gè)功能菜單?
- 動(dòng)易.NET版本留言自動(dòng)選定欄目方法
- 動(dòng)易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點(diǎn)ID標(biāo)簽
- 如何開(kāi)啟SiteWeaver6.8的支持,反對(duì)功能
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之四----動(dòng)易系統(tǒng)安裝篇
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之三----數(shù)據(jù)庫(kù)篇
- Windows 2008安裝動(dòng)易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫(kù)修復(fù),SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動(dòng)易.net程序權(quán)限配置
- 為什么提示對(duì)Windows系統(tǒng)文件夾下的Temp目錄沒(méi)有訪(fǎng)問(wèn)權(quán)限?
動(dòng)易Cms教程教程Rss訂閱Cms教程搜索
動(dòng)易Cms教程推薦
- 為何內(nèi)容頁(yè)讀取不到自定義字段的內(nèi)容
- 動(dòng)易2005版生成HTML時(shí)比4.03慢多了,怎么辦?
- 如何解決網(wǎng)站亂碼的問(wèn)題
- 關(guān)于2006模版中使用的JS文件的說(shuō)明
- 做過(guò)恒浪整合后,如何恢復(fù)成默認(rèn)的接口方式整合
- 為什么動(dòng)易的sql版里沒(méi)有任何存儲(chǔ)過(guò)程?
- 一款簡(jiǎn)單的適用于動(dòng)易2006的紅頭文件模板
- 怎樣修改資金余額小數(shù)位數(shù)
- 動(dòng)易2005模板修改(一)
- 彈出公告頁(yè)(網(wǎng)頁(yè)式模板)怎樣使它有最大化的按鈕?
- 相關(guān)鏈接:
- 教程說(shuō)明:
動(dòng)易Cms教程-圖片頻道如何修改CSS,才能統(tǒng)一各圖片尺寸比例?。