编辑“Siteserver-stl:focusViewer显示滚动焦点图”

<span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[Siteserver二次开发指南|上一页]]</span>
<div style="clear:both;"></div>

'''stl:focusviewer 显示滚动焦点图'''

*stl:focusviewer 元素将实现由[[FLASH]]显示的图片翻转效果，图片取自内容。

'''属性列表'''

下表显示所有属于此元素的属性列表。

{| border="1" cellspacing="0" cellpadding="0"
|-
! 属性
! width="18%" | 可能的取值
! width="18%" | 默认值
! 简介
|-
| channelIndex
| &nbsp;
| &nbsp;
| 栏目索引
|-
| channelName
| &nbsp;
| &nbsp;
| 栏目名称
|-
| scope
| &nbsp;
| &nbsp;
| 内容范围。此属性只可属于以下可能的取值的一种。
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Self
| bgcolor="#ffffcc" | √ 
| bgcolor="#ffffcc" | 只显示本栏目下的所有内容图片
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Children
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 只显示下一极子栏目下的所有内容图片
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | SelfAndChildren
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 显示本级栏目及下一极子栏目下的所有内容图片
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Descendant
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 显示所有级别的子栏目下的所有内容图片
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | All
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 显示本级栏目及所有级别子栏目下的所有内容图片
|-
| groupChannel
| &nbsp;
| &nbsp;
| 栏目组别，如设置此属性，则只显示指定栏目组别的内容图片。
|-
| groupChannelNot
| &nbsp;
| &nbsp;
| 非栏目组别，如设置此属性，则只显示不等于指定栏目组别的内容图片。
|-
| groupContent
| &nbsp;
| &nbsp;
| 内容组别，如设置此属性，则只显示指定内容组别的内容图片。
|-
| groupContentNot
| &nbsp;
| &nbsp;
| 非内容组别，如设置此属性，则只显示不等于内容组别的内容图片。
|-
| order
| &nbsp;
| &nbsp;
| 内容排序方式。此属性只可属于以下可能的取值的一种。
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Default
| bgcolor="#ffffcc" | √ 
| bgcolor="#ffffcc" | 默认排序，即内容管理界面中的排序
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Back
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 默认排序的相反方向
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | AddDate
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 按添加时间排序
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | AddDateBack
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 按添加时间的相反方向排序
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | LastEditDate
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 按最后更改时间排序
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | LastEditDateBack
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 按最后更改时间的相反方向排序
|-
| totalNum
| &nbsp;
| &nbsp;
| 设置列表一共显示多少幅内容图片，0代表显示所有信息。
|-
| startNum
| &nbsp;
| 1
| 从第几条信息开始显示，默认从第一条信息开始显示。
|-
| titleWordNum
| &nbsp;
| &nbsp;
| <span>设置内容标题显示的字数，0代表不限制字数。</span>
|-
| tags
| &nbsp;
| &nbsp;
| 仅显示指定标签的内容，多个标签用&ldquo;,&rdquo;分隔。
|-
| where
| &nbsp;
| &nbsp;
| <span>获取滚动焦点图的条件判断</span>
|-
| theme
| &nbsp;
| &nbsp;
| 显示主题样式
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Style1
| bgcolor="#ffffcc" | √ 
| bgcolor="#ffffcc" | 默认方式显示焦点图
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Style2
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Bcastr方式显示焦点图
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | Style3
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 焦点图样式三
|-
| isTop
| &nbsp;
| &nbsp;
| 是否只显示置顶（非置顶）内容。
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | true
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 仅显示置顶的内容
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | false
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 仅显示非置顶的内容
|-
| isRecommend
| &nbsp;
| &nbsp;
| 是否只显示推荐（非推荐）内容。
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | true
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 仅显示推荐的内容
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | false
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 仅显示非推荐的内容
|-
| isHot
| &nbsp;
| &nbsp;
| 是否只显示热点（非热点）内容。
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | true
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 仅显示热点的内容
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | false
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 仅显示非热点的内容
|-
| isColor
| &nbsp;
| &nbsp;
| 是否只显示醒目（非醒目）内容。
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | true
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 仅显示醒目的内容
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | false
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 仅显示非醒目的内容
|-
| height
| &nbsp;
| &nbsp;
| <span>图片高度</span>
|-
| width
| &nbsp;
| &nbsp;
| 图片宽度
|-
| bgColor
| &nbsp;
| &nbsp;
| 背景色
|-
| isShowText
| &nbsp;
| &nbsp;
| 是否显示内容文字标题。此属性只可属于以下可能的取值的一种。
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | true
| bgcolor="#ffffcc" | √ 
| bgcolor="#ffffcc" | 显示内容文字标题
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | false
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 不显示内容文字标题
|-
| isTopText
| &nbsp;
| &nbsp;
| 是否文字显示在顶端
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | true
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 文字显示在顶端
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | false
| bgcolor="#ffffcc" | √ 
| bgcolor="#ffffcc" | 文字显示在底端
|-
| isDynamic
| &nbsp;
| &nbsp;
| 是否动态显示
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | true
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | 动态显示
|-
| bgcolor="#ffffcc" | &nbsp;
| bgcolor="#ffffcc" | false
| bgcolor="#ffffcc" | √ 
| bgcolor="#ffffcc" | 静态显示
|}

'''注意'''

*stl:focusviewer 元素只能够显示[[jpg]]以及[[png]]类型的图片。
*如果设置了 channelIndex 属性，系统将寻找对应此栏目索引的栏目并显示此栏目的内容图片。 
*如果设置了 channelName 属性，系统将寻找对应此栏目名称的栏目并显示此栏目的内容图片。
*scope和groupChannel、groupChannelNot、groupContent、groupContentNot属性用于控制内容的范围，order属性控制内容的排序方式。
*isShowText和titleWordNum属性控制是否显示内容标题以及内容标题的显示字数。

'''stl:focusviewer 示例'''

*'''示例一'''：显示指定的栏目的内容图片

下面的例子显示栏目索引为"新闻"的栏目下的内容图片。 
<pre>    
<stl:focusviewer channelIndex="新闻" width="260" height="182" isShowText="false">    
</stl:focusviewer>   
 
<stl:focusviewer channelIndex="新闻" width="260" height="182" isShowText="false"> 
</stl:focusviewer> 

</pre>
以上代码的显示效果如下，点击右下角的数字能够选择图片浏览： 

[[Image:Siteserver0260.gif]]

==参考资料==
*[http://help.siteserver.cn SiteServer官方]

[[category:SiteServer|S]]