Drupal 7 Views Slideshow

Views slideshow 模块可以用来在Views中创建内容而不仅仅是图像)的幻灯片展示.

Views slideshow提供两个子模块:

  1. views_slideshow_cycle
  2. views_slideshow

需要的模块:

  1. Libraries
  2. VIews

Views slideshow使用教程

 

安装与配置

Views Slideshow: Cycle 模块需要下载jQuery Cyle, 下载到目录sites/all/libraries/jquery.cycle, 最后的目录文件结构是

 sites/all/libraries/jquery.cycle/jquery.cycle.all.js 

 

然后启用以下模块

  1. views_slideshow_cycle
  2. views_slideshow
  3. views

 

模块案例

基本使用

1. 编辑Views, 并且编辑Format 并且选择Slideshow

2. Views slideshow 皮肤只提供一个默认的选择.

3. 动画的基本配置

4. Weight

Widgets 分为Top Widgets和button Widgets. 分别是幻灯片顶部和底部的内容. 配置一样

Widgets 里面分别有三个功能:

  1. Pager:  幻灯片分页,可以选择已存在的字段(将Show里面的类型修改成字段才可以进行选择).鼠标点击或者鼠标放在指定字段上面切换幻灯片.
  2. Controls: 控制, 选中以后会生成一个上一个和下一个的按钮
  3. Slide Counter: 显示总条数和当前第几条的分页信息

为了方便测试我将Show里修改成Field. 并且添加两个字段Title和Image

接着我继续配置Slideshow

并且当鼠标放到分页字段上后就会进行切换. 如果这里没有选中此选项。你就需要点击进行切换。如果你的Title是一个链接就会进行页面跳转。那就需要将Title的链接去掉

现在的展示效果

现在我们将字段分页去掉。换成控制

最后的展示结果:

 

数字分页

现在我们添加一个数字分页. 首先要添加一个字段(View result counter)

并且在内容中不显示此字段, 因为这样看起来可能比较舒服

然后再编辑Slideshow的配置, 在Top Widgets中选中Pager. 并且选择刚刚添加的字段

结果:

需要自己写CSS.

Views Slideshow如此强大。你完全可以自定义自己分页使用字段还是数字

 

开发资料

请查看Views slideshow API. 可以定义皮肤选项等。

模块下载

下载中....