Plugin/Slider のバックアップ(No.2)

内田泰三 研究室


Plugin/Slider

カルーセルスライダー Slick を用いたスライド表示機能
http://kenwheeler.github.io/slick/

02.jpg03.jpg04.jpg


書式

#slider( 位置, 幅, 滞留時間, 切替時間, 画像01, 画像02, 画像03,・・・)

サンプル

02.jpg03.jpg04.jpg

編集画面内で以下のように記載しています。

#slider(center,70%,3000,1000,01.jpg,02.jpg,03.jpg,04.jpg)




応用

異なるページ(例えば、ページ名「Slide」)に添付された画像を流用して、別のページにスライドを提示するには、以下のように「ページ名/画像ファイル名」を列挙します。

02.jpg03.jpg04.jpgslide05.jpg

編集画面内で以下のように記載しています。

#slider(center,50%,3000,1000,Slide/slide01.jpg,Slide/slide02.jpg,・・・