Drupal7_10:首页幻灯片的实现

今天一起来探究下drupal7中首页幻灯片的实现。

看了网上很多的资料都是说用 slidershow来做，本文采用的是 Nivo slider。

 

先提供下自己整理的slidershow安装文件（只是贡献下资源，与本文无关）：

wget http://ftp.drupal.org/files/projects/ctools-7.x-1.2.tar.gz
wget http://ftp.drupal.org/files/projects/token-7.x-1.4.tar.gz
wget http://ftp.drupal.org/files/projects/libraries-7.x-2.0.tar.gz
wget http://ftp.drupal.org/files/projects/link-7.x-1.0.tar.gz
wget http://ftp.drupal.org/files/projects/views-7.x-3.5.tar.gz
wget http://ftp.drupal.org/files/projects/views_slideshow-7.x-3.0.tar.gz
tar xzvf ctools-7.x-1.2.tar.gz
tar xzvf token-7.x-1.4.tar.gz
tar xzvf libraries-7.x-2.0.tar.gz
tar xzvf link-7.x-1.0.tar.gz
tar xzvf views-7.x-3.5.tar.gz
tar xzvf views_slideshow-7.x-3.0.tar.gz

存为drupal7_slidershow, 放入../sites/all/modules中，然后执行就ok，之后就到模块中启用，再之后的slider配置请自己google。

 

我们进入正题，使用Nivo slider实现首页幻灯片效果。

1、Nivo slider主页： http://drupal.org/project/nivo_slider   可以看到，只依赖libraries api。 

wget http://ftp.drupal.org/files/projects/nivo_slider-7.x-1.6.tar.gz
wget http://ftp.drupal.org/files/projects/libraries-7.x-2.0.tar.gz
tar xzvf nivo_slider-7.x-1.6.tar.gz
tar xzvf libraries-7.x-2.0.tar.gz

 

2、下载Nivo Slider jQuery plugin

下载3.1的就ok，解压到 ..\sites\all\libraries中

http://cloud.github.com/downloads/gilbitron/Nivo-Slider/nivo-slider3.1.zip

在官网有这么一段话：

2.7.x or 3.x?
- 2.7.x is recommended over 3.x, as 3.x does not work under Chrome (see issue)
- 2.7.x has 3 themes included, this has been removed in 3.x due to responsive design

也就是说3.1的不支持Chrome，但我的测试结果是支持的，反而是2.7.X不支持。。。

 

3、在modules中启用 libraries和Nivo slider模块

 

4、配置

结构-》 Nivo Slider

 

浏览添加幻灯片图片：选中图片后回车就ok。

 

配置幻灯片标题、描述、链接：

 

5、很简单吧，我们来看看效果：