#author("2019-12-24T10:48:52+01:00;2019-12-24T09:12:54+01:00","default:user","user")

#author("2020-03-05T19:39:13+09:00","default:member","member")

*Plugin/Slider
カルーセルスライダー Slick を用いたスライド表示機能
http://kenwheeler.github.io/slick/
~
#slider(center,100%,2000,1000,01.jpg,02.jpg,03.jpg,04.jpg)

#slider(center,100%,fade,2000,1000,01.jpg,02.jpg,03.jpg,04.jpg)

~

**書式

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

***書式

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


-第１引数は、left / center / right のいずれか。center以外は回りこみます。
-第２引数は、親領域に対する幅の％。
-第３引数は、スライドが止まって表示されている時間(ms)。

-第４引数は、スライドの切り替えに要する時間(ms)。

-第５引数以降に画像ファイルを列挙します。

-第３引数は、スライドのパターン。

--fade：デフォルトです。何も書かない場合はこれになります。

--h[1-9]：水平にスライドします。右の数字は同時表示数（例：h3）。

--v[1-9]：垂直にスライドします。右の数字は同時表示数（例：v2）。

-第４引数は、スライドが止まって表示されている時間(ms)。

-第５引数は、スライドの切り替えに要する時間(ms)。

-第６引数以降に画像ファイルを列挙します。

画像ファイル自体は、当該ページに添付されていることが前提ですが、特定のページにまとめて添付して利用することも可能です。
例えば、Images という名前のページにある sample01.jpg 画像は、
 images/sample01.jpg 
という書き方で利用可能です。


-パラメータが増えると面倒なので、以下の仕様に限定しています。

--移動：左右方向

--マウスオンで一時停止します

~
~

**サンプル
#slider(center,70%,2000,1000,01.jpg,02.jpg,03.jpg,04.jpg)

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

編集画面内で以下のように記載しています。
 #slider(center,70%,3000,1000,01.jpg,02.jpg,03.jpg,04.jpg)

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

~
~

**応用
異なるページ（例えば、ページ名「Slide」）に添付された画像を流用して、別のページにスライドを提示するには、以下のように「ページ名/画像ファイル名」を列挙します。
#slider(center,50%,3000,1000,Slide/01.jpg,Slide/02.jpg,Slide/03.jpg,Slide/04.jpg) 

#slider(center,50%,fade,3000,1000,Slide/01.jpg,Slide/02.jpg,Slide/03.jpg,Slide/04.jpg) 

編集画面内で以下のように記載しています。
 #slider(center,50%,3000,1000,Slide/slide01.jpg,Slide/slide02.jpg,・・・

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



~
~