如何將圖片內(nèi)容頁的顯示效果完全個性化?_動易Cms教程
如何將圖片內(nèi)容頁的顯示效果完全個性化?
動易2006版在圖片內(nèi)容頁使用了全新的客戶端JS代碼來實現(xiàn)默認效果,所以假如您對JS代碼懂一點話,稍微修改一下,您就可以實現(xiàn)任意效果。這里先把原理和大家說一下。
在學習本文前,請先具體了解圖片內(nèi)容頁的標簽及作用。這是標簽說明的文章:/help/ShowArticle.asp?ArticleID=638
我們先來看幾個標簽解析后的HTML代碼。
1、{$ViewPhoto}標簽,解析后的代碼為:
<div id='imgBox'></div>
<script language='javascript'>
function ViewPhoto(PhotoUrl){
var strHtml;
var FileExt=PhotoUrl.substr(PhotoUrl.lastIndexOf('.') 1).toLowerCase();
if(FileExt=='gif'||FileExt=='jpg'||FileExt=='png'||FileExt=='bmp'||FileExt=='jpeg'){
strHtml="<a href='" PhotoUrl "' target='PhotoView'><img src='" PhotoUrl "' border='0' onload='if(this.width>800) this.}else if(FileExt=='swf'){
strHtml="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0' name='imgBox'><param name='movie' value='" PhotoUrl "'><param name='quality' value='high'><embed src='" PhotoUrl "' pluginspage='http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash' type='application/x-shockwave-flash' }else{
strHtml=PhotoUrl;
}
imgBox.innerHTML=strHtml;
}
ViewPhoto('/Photo/UploadPhotos/200605/20060504105712499.jpg');
</script>
分析一下我們即可知道:這里的實現(xiàn)原理是先定義一個層對象:imgBox,然后再定義一個JS函數(shù):ViewPhoto(PhotoUrl),最后再調(diào)用這個函數(shù),并將圖片的地址傳遞給這個函數(shù)。這樣就完成了圖片的顯示工作。所以假如我們要修改圖片的顯示效果,修改ViewPhoto()這個函數(shù)中的代碼即可。
2、{$GetUrlArray}標簽,解析后的代碼:
<script language='javascript'>
var arrUrlName=new Array();
var arrUrl=new Array();
arrUrlName[0]='圖片地址1';
arrUrl[0]='/Photo/UploadPhotos/200605/20060504105712499.jpg';
arrUrlName[1]='圖片地址2';
arrUrl[1]='/Photo/UploadPhotos/200605/20060504105724329.jpg';
</script>
分析這段代碼,我們看到是非常簡單,得到兩個數(shù)組:arrUrlName和arrUrl,分別表示圖片地址的顯示文字和圖片地址。
3、{$PhotoUrlList}或{$PhotoUrlList(***)}標簽,解析后的代碼:
<script language='javascript'>
var arrUrlName=new Array();
var arrUrl=new Array();
arrUrlName[0]='圖片地址1';
arrUrl[0]='/Photo/UploadPhotos/200605/20060504105712499.jpg';
arrUrlName[1]='圖片地址2';
arrUrl[1]='/Photo/UploadPhotos/200605/20060504105724329.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>';
- MAC錯誤的解決方法
- 如何屏蔽動易后臺導航里的某個功能菜單?
- 動易.NET版本留言自動選定欄目方法
- 動易SiteFactoty整合Discuz!NT3.0
- 在任意位置獲取根節(jié)點ID標簽
- 如何開啟SiteWeaver6.8的支持,反對功能
- Windows 2008安裝動易.NET系統(tǒng)之四----動易系統(tǒng)安裝篇
- Windows 2008安裝動易.NET系統(tǒng)之三----數(shù)據(jù)庫篇
- Windows 2008安裝動易.NET系統(tǒng)之二----IIS、目錄環(huán)境配置篇
- 數(shù)據(jù)庫修復,SQL Server 2005內(nèi)部操作不一致的處理
- 如何安裝動易.net程序權(quán)限配置
- 為什么提示對Windows系統(tǒng)文件夾下的Temp目錄沒有訪問權(quán)限?
- 相關(guān)鏈接:
- 教程說明:
動易Cms教程-如何將圖片內(nèi)容頁的顯示效果完全個性化?。