圖片內(nèi)容頁(yè)修改為顯示所有圖片并加入分頁(yè)功能_動(dòng)易Cms教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
具體效果請(qǐng)查看演示頁(yè)面http://www.xiximm.com/Photo/people/200510/20051016221625.html
加入分頁(yè)方法:
需要改動(dòng)內(nèi)容頁(yè)模板的一個(gè)地方,然后再多增加一個(gè)文件
我另外寫(xiě)了一個(gè)ShowAllPic.asp的程序上傳到photo目錄,直接訪問(wèn)數(shù)據(jù)庫(kù),得到PE_Photo這個(gè)表中的PhotoID為指定ID的欄中的PhotoUrl(存放同一ID下所有圖片的地址)里面的內(nèi)容。內(nèi)容大致如下:
以下是引用片段:
圖片地址1|200509/20050929191628924.jpg$$$圖片地址2|200509/20050929191819467.jpg$$$
1.編寫(xiě)ShowAllPic.asp文件,上傳到photo目錄下。內(nèi)容如下:
以下是引用片段: 〈!--#include file="../conn.asp"--〉 〈STYLE type=text/css〉 a{text-decoration: none;} /* 鏈接無(wú)下劃線,有為underline */ a:link {color: #333333;} /* 未訪問(wèn)的鏈接 */ a:visited {color: #333333;} /* 已訪問(wèn)的鏈接 */ a:hover{COLOR: #FF6600;} /* 鼠標(biāo)在鏈接上 */ a:active {color: #333333;} /* 點(diǎn)擊激活鏈接 */ BODY { FONT-SIZE: 9pt;background:url(Skin/adv43/ad_bg.gif); text-decoration: none; } .pic{ border: 1px solid #cccccc; } 〈/style〉 〈script language="JavaScript" type="text/JavaScript"〉 //改變圖片大小 function resizepic(thispic) { if(thispic.width〉650) thispic. } //無(wú)級(jí)縮放圖片大小 function bbimg(o) { var zoom=parseInt(o.style.zoom, 10)||100; zoom =event.wheelDelta/12; if (zoom〉0) o.style.zoom=zoom ’%’; return false; } //雙擊鼠標(biāo)滾動(dòng)屏幕的代碼 var currentpos,timer; function initialize() { timer=setInterval ("scrollwindow ()",30); } function sc() { clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0, currentpos); if (currentpos !=document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize 〈/script〉 〈% ’Everyday0905@163.com ’http://www.xiximm.com 查看更多 動(dòng)易Cms教程 動(dòng)易Cms模板 相關(guān)動(dòng)易Cms教程:
動(dòng)易Cms教程教程Rss訂閱Cms教程搜索動(dòng)易Cms教程推薦
|