使用views在drupal网站首页添加slideshow区块

      一直想要在首页增加一个slide效果显示Headlines的区块,下载了一些模块,研究了好长时间代码,改了许多,可是传到服务器上总是出现这样那样的错误,不是布局有问题,就是代码混乱,完全显示不出来。并且许多效果都得自己写代码,由于对javascript不熟悉,实现起来难度也很大。

      想起来drupal的两大神器:CCK和Views,而Views是用来创建显示的区块的,于是搜了下,发现有一个叫Views slideshow的模块,同时安装了Views和Views slideshow模块后,勾选Views、Views UI、Views slideshow和Views slideshow Singleframe。打开Views,增加一个新的Views,输入名称Headline和一些简单的描述,选择节点,进入views的设置页面。基本设置中名称改为Headline,选择style,会出现一个新的style: 幻灯片,选择它,便出现了slideshow的主要设置页面。

      在这里,可以设置幻灯片列表是否有序、每个幻灯停留的时间、初始幻灯的延时、切换时长、是否随机和是否悬停等等非常琐碎的选项,看个人需要,做一些勾选设置。然后在Items to display中输入需要显示的Headline条数。Fields中选择好需要从story或page中读取的内容,比如文章标题,发布日期,作者类型,以及最重要的:图片。选择这些区域的时候,同时配置好需要显示的格式以及是否链接到文章。Sort criteria中增加按postdate倒叙排列。过滤器中过滤出已发表的文章和story内容。然后左侧下拉菜单选择区块,增加显示区域。不要忘记最重要的:点击保存按钮,不然就白费这么多功夫了。设置好的页面:

 

 

      框架搭起来了,剩下的就交给css来美化了。最终效果(也可以登陆http://home.ibeike.com/查看):

 

 

      这样就可以不需要写一行代码来实现相当不错的效果了,这也是drupal的优势所在。

      其实不仅能做首页的Headline,Views slideshow还提供20多种不同的切换效果,还可以添加一个小的Features或者一些产品的滚动页面,用一些华丽的效果来展示出来。比如在上面那个幻灯下边的空余地方放一个部门风采:

 

 

Enjoy yourself^_^.

posted on 2010-09-25 12:22  Candyroot  阅读(4396)  评论(1编辑  收藏  举报