dedecms图文咨询左右滚动的方法

2009/08/28  |  1:58 下午分类:DEDECMS  |  标签:  |  2,472 views

随着以后添加的图片越来越多,但是在图文咨询处却只显示最新的5个图片,以前的图片都已经不能显示了,所以就想到了图文咨询处滚动显示,经过在论坛的学习,以及自己的摸索,找到了以下方法。写出来已做备份资料


1.进入主页模板找到图文咨询中的区域中的以下代码

1
2
3
4
5
<dd>
          <ul class="e1">{dede:arclist row=5 orderby=pubdate type='image.' imgwidth='124' imgheight='94'}
           <li><a href="[field:arcurl/]">[field:image/]<span class="title">[field:title/]</span></a></li>{/dede:arclist}
          </ul>
        </dd>

用以下的代码替换以上的代码

1
2
3
4
5
6
7
<dd> 
<ul class="e1"><marquee scrolldelay=0 onMouseOver="this.stop()" onMouseOut="this.start()" style='WIDTH: 710px; HEIGHT: 94px; ' behavior="alternate" scrollamount='3' direction='left'>{dede:arclist 
row=15 type='image.' imgwidth='124' imgheight='94'} 
<li><a href="[field:arcurl/]">[field:image/]<span class="title">[field:title/]</span></a></li> 
{/dede:arclist}</marquee> 
</ul> 
</dd>

2.修改说明:

row=5其中的5是调用图片的数量,你可以改在5的倍数以上

scrolldelay=0 0是管延时的,可以设置在0-1000之间

scrollamount=3 3是管速度的,可以设置在0-50之间

direction=left 为滚动方向,可以设置为up down left right分别为向上,向下,向左,向右。我这里设置的left左边。

width为滚动窗口的宽度,建议设置为每个图片的宽度124的5倍以上(要大于620,每个图片之间有间隔),但不要太大。

以上几个数值可以根据自己的情况设置。


发表您的评论