今天一起來探究下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
下載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、很簡單吧,我們來看看效果: