浏览图片标签制作

作者:jinloog 来源:本站原创 点击数: 发布时间:2009年09月02日

功能说明:

查看图片时,点击图片可以跳到下一张图片而不是打开当前浏览当前图片。这样就方便了访问者了。当访问到最后一张图片时就自动判断返回到第一张图片!

详细操作步骤:

第一步:新建一个返回到第一张图片的标签,详细如下:

下一步,到了参数设置那一页,不用设置参数,直接下一步。在标签查询页面输入SQL代码

SELECT TOP 1 PE_CommonModel.*,PE_U_Photo.*  FROM PE_CommonModel INNER JOIN PE_U_Photo ON PE_CommonModel.GeneralID = PE_U_Photo.ID where PE_CommonModel.Status=99 order by PE_CommonModel.UpdateTime

把“在此输入模板代码!”去掉,加上代码:

这样就可以获取到图片的第一张,注明一下,这个标签永远都是所有图片的第一张,如需要的话,可以更改查询语句

第二步:建立一个访问下一张图片的标签,这个标签是按照图片上传日期从最早上传的为第一张图片,当访问到最后一张图片时,返回到第一张图片,下面是详细步骤

新建标签,如图

 
设置一个参数,如图:

 
在标签查询页面输入
SQL代码:

SELECT TOP 1 PE_CommonModel.*,PE_U_Photo.*  FROM PE_CommonModel INNER JOIN PE_U_Photo ON PE_CommonModel.GeneralID = PE_U_Photo.ID where pe_commonmodel.ITemID>@ItemID and PE_CommonModel.Status=99

把“在此输入模板代码!”去掉,加上代码

   

{PE.Label id="第一篇图片" /}

   

   

      

    


第三步:建立浏览图片标签,之前的标签都是做好基础,而这个标签才是在模板里显示的

建立浏览图片标签,如图

 
设置标签参数:

 
在标签查询页面输入
SQL代码

SELECT TOP 1 PE_CommonModel.*,PE_U_Photo.*  FROM PE_CommonModel INNER JOIN PE_U_Photo ON PE_CommonModel.GeneralID = PE_U_Photo.ID WHERE PE_CommonModel.ItemID=@ItemID and pe_commonmodel.status=99

把“在此输入模板代码!”去掉,加上代码

{PE.Label id="取得上一组图片" itemId=" " /}

{PE.Label id="取得下一组图片" itemId=" " /}

UploadFiles/')}" >

{PE.Label id="取得上一组图片" itemId=" " /}

{PE.Label id="取得下一组图片" itemId=" " /}

这里也再注明一下,红色的地方是当前网站地址,可以删掉,删掉后如果不行再加上你当前网站地址!“取得上一组图片”和“取得下一组图片”标签是系统自带的,如果不想要可以去掉,样式各个方面在这里也不详细调整了

第四步:把标签显示于模板.

在“默认图片内容页模板.html”模板中,找到

{PE.Charge}

              {PE.Label id="图片_ 内容页" itemId="@RequestInt_Id" titleLength="20" /}

{/PE.Charge}

替换成

{PE.Charge}

              {PE.Label id="浏览图片" ItemID="@RequestInt_Id" /}

{/PE.Charge}

这样就大功造成了,先试试看效果怎样!