图片内容页修改为显示所有图片并加入分页功能_动易Cms教程

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!

具体效果请查看演示页面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

查看更多 动易Cms教程  动易Cms模板

共2页上一页12下一页
来源:模板无忧//所属分类:动易Cms教程/更新时间:2005-12-24
相关动易Cms教程