最近很多网友向我求助,关于幻灯片如何做。为此我做了一个简单的Drupal 7 Views Slideshow 教程。希望对大家有所帮助。 首先,我们下载views slideshow模块。 (注:需要 Libraries API ,CHAOS TOOL SUITE,Views三个模块,才能开启views slideshow模块,所以请下载这些模块) 打开后台模块地址:admin/modules,安装并开启相应模块 ![](http://www.drupalla.com/sites/default/files/styles/large/public/images/20120505163321.jpg)
接下来我们在drupal 7默认的article 内容类型添加5篇文章作测试,并且制作5个图片作为文章图片 ![](http://www.drupalla.com/sites/default/files/styles/large/public/images/20120505164418.jpg)
接下来,我们建一个views。名称我们叫做 Drupalla slideshow,类型选 Article, format 选slideshow ![](http://www.drupalla.com/sites/default/files/styles/large/public/images/20120505164642.jpg)
点击continue & edit 后,跳到views编辑界面,我们找到FORMAT ![](http://www.drupalla.com/sites/default/files/styles/large/public/images/20120505172206.jpg)
弹出以下界面。 ![](http://www.drupalla.com/sites/default/files/styles/large/public/images/20120505172333.jpg)
大家有注意到 slideshow type 的样式是cycle吗?紧接着是一段警告的说话,内容大概是:因为你选了cycle 这么样式,所以需要下载cycle的js控件,并且放在 sites/all/libraries/jquery.cycle/jquery.cycle.all.js js 下载地址是http://malsup.github.com/jquery.cycle.all.js 点击apply 保存。 好了,现在点击 view page查看效果吧。 good luck。 ![](http://www.drupalla.com/sites/default/files/styles/large/public/images/20120505172802.jpg)
下面是浏览效果,样式比较丑,自行美化。 ![](http://www.drupalla.com/sites/default/files/styles/large/public/images/20120505172915.jpg)
猪跑啦独家原创专稿,欢迎您转载本文,转载请注明来源。 |