Siteserver-stl:focusViewer显示滚动焦点图

来自站长百科
跳转至: 导航、​ 搜索

导航: 上一页

stl:focusviewer 显示滚动焦点图

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

属性列表

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

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

注意

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

stl:focusviewer 示例

  • 示例一:显示指定的栏目的内容图片

下面的例子显示栏目索引为"新闻"的栏目下的内容图片。

    
<stl:focusviewer channelIndex="新闻" width="260" height="182" isShowText="false">    
</stl:focusviewer>   
 
<stl:focusviewer channelIndex="新闻" width="260" height="182" isShowText="false"> 
</stl:focusviewer> 

以上代码的显示效果如下,点击右下角的数字能够选择图片浏览:

Siteserver0260.gif

参考资料[ ]