You are here

スライドショー

Flex Slider

responsive対応。

$ wget https://github.com/woothemes/FlexSlider/archive/master.zip -P /tmp
$ unzip /tmp/master.zip -d /tmp
$ sudo mv /tmp/FlexSlider-master sites/all/libraries/flexslider
$ sudo drush en flexslider_views, flexslider_example, flexslider_fields, flexslider flexslider_views_slideshow -y

設定は、 admin/config/media/flexslider

tags_module:

type: 
module

Views Nivo Slider

Using views nivo slider in drupal 7

ViewsをBlockで作成して、自由にスライドショーを作成できます。

$ wget -c -P /tmp https://github.com/downloads/gilbitron/Nivo-Slider/nivo-slider2.7.1.zip
$ sudo unzip -d sites/all/libraries /tmp/nivo-slider2.7.1.zip
$ sudo drush en views_nivo_slider nivo_slider -y
$ drush cc all

外部リンクは、Formatterで"URL, absolute"を設定。

スライドショーを動作させるためにサイトのjqueryバージョンをあげる必要があるが、画面が正常に表示されない、動作しないなど様々な問題を引き起こすことがある。

tags_module:

requirements_drupalmodule:

package: 
Views
type: 
module

Views Slideshow

How to Create a Drupal 7 Slideshow with Views: Tutorial 1 of 2

Views機能を使ったスライドショーモジュール。

$ sudo mkdir sites/all/libraries/jquery.cycle
$ sudo wget -P sites/all/libraries/jquery.cycle/ http://malsup.github.io/jquery.cycle.all.js
$ sudo drush en views_slideshow_cycle, views_slideshow -y

tags_module:

requirements_drupalmodule:

package: 
Views
type: 
module
Subscribe to RSS - スライドショー