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、很簡單吧,我們來看看效果:

 

 

發佈了62 篇原創文章 · 獲贊 21 · 訪問量 19萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章