浏览图片标签制作

作者: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

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

<xsl:value-of select="pe:GetInfoPath(GeneralID)"/>

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

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

新建标签,如图

 
设置一个参数,如图:

 
在标签查询页面输入
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

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

<xsl:choose>

    <xsl:when test="count(/NewDataSet/Table)=0">

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

    </xsl:when>

    <xsl:otherwise>

       <xsl:value-of select="pe:GetInfoPath(/NewDataSet/Table/GeneralID)"/>

    </xsl:otherwise>

</xsl:choose>


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

建立浏览图片标签,如图

 
设置标签参数:

 
在标签查询页面输入
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="<xsl:value-of select="$ItemID" />" /}

{PE.Label id="取得下一组图片" itemId="<xsl:value-of select="$ItemID" />" /}

<div>

<xsl:text disable-output-escaping="yes">

<a href="{PE.Label id="下一张图片" ItemID ='2297' /}" title="下一张" >

</xsl:text>

<img style="width:550px;heigh:400px" src="{pe:SplitUrl(PhotoUrl, 'http://localhost/SF_Enterprise/UploadFiles/')}" >

</img>

<xsl:text disable-output-escaping="yes">

</a>

</xsl:text>

</div>

{PE.Label id="取得上一组图片" itemId="<xsl:value-of select="$ItemID" />" /}

{PE.Label id="取得下一组图片" itemId="<xsl:value-of select="$ItemID" />" /}

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

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

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

{PE.Charge}

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

{/PE.Charge}

替换成

{PE.Charge}

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

{/PE.Charge}

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

 

33444
本篇文章的Tags:    图片标签  
如果以上内容未能解决您的问题,欢迎您到我们的讨论区发帖寻求帮助,我们的工作人员会热情为您解答。