圖片內容頁修改為顯示所有圖片并加入分頁功能

2024-09-10 21:53:51

字體：大中小

來源：轉載

供稿：網友

具體效果請查看演示頁面http://www.xiximm.com/Photo/people/200510/20051016221625.html

加入分頁方法：

需要改動內容頁模板的一個地方，然后再多增加一個文件

我另外寫了一個ShowAllPic.asp的程序上傳到photo目錄，直接訪問數據庫，得到PE_Photo這個表中的PhotoID為指定ID的欄中的PhotoUrl（存放同一ID下所有圖片的地址）里面的內容。內容大致如下：

以下是引用片段：
圖片地址1|200509/20050929191628924.jpg$$$圖片地址2|200509/20050929191819467.jpg$$$

然后用asp里面的split()函數將每個圖片的地址分開存放到數組，然后顯示該數組的圖片就可以了。

1.編寫ShowAllPic.asp文件，上傳到photo目錄下。內容如下：

以下是引用片段：
〈!--#include file="../conn.asp"--〉
〈STYLE type=text/css〉
a{text-decoration: none;} /* 鏈接無下劃線,有為underline */
a:link {color: #333333;} /* 未訪問的鏈接 */
a:visited {color: #333333;} /* 已訪問的鏈接 */
a:hover{COLOR: #FF6600;} /* 鼠標在鏈接上 */
a:active {color: #333333;} /* 點擊激活鏈接 */
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.
}
//無級縮放圖片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom =event.wheelDelta/12;
if (zoom〉0) o.style.zoom=zoom ’%’;
return false;
}
//雙擊鼠標滾動屏幕的代碼
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

上一篇：動易系統安全寶典！各位站長注意

下一篇：后臺發表文章編輯器調用太多？你想減少幾個嗎？