内田泰三 研究室
#author("2019-12-24T03:49:13+01:00","default:user","user") *Slider #author("2019-12-24T03:52:45+01:00","default:user","user") *Plugin/Slider カルーセルスライダー Slick を用いたスライド表示機能 http://kenwheeler.github.io/slick/ ~ #slider(center,100%,2000,1000,01.jpg,02.jpg,03.jpg,04.jpg) ~ **書式 #slider( 位置, 幅, 滞留時間, 切替時間, 画像01, 画像02, 画像03,・・・) -第1引数は、left / center / right のいずれか。center以外は回りこみます。 -第2引数は、親領域に対する幅の%。 -第3引数は、スライドが止まって表示されている時間(ms)。 -第4引数は、スライドの切り替えに要する時間(ms)。 -第5引数以降に画像ファイルを列挙します。 画像ファイル自体は、当該ページに添付されていることが前提ですが、特定のページにまとめて添付して利用することも可能です。 例えば、Images という名前のページにある sample01.jpg 画像は、 images/sample01.jpg という書き方で利用可能です。 -パラメータが増えると面倒なので、以下の仕様に限定しています。 --移動:左右方向 --マウスオンで一時停止します ~ ~ **サンプル #slider(center,70%,2000,1000,01.jpg,02.jpg,03.jpg,04.jpg) 編集画面内で以下のように記載しています。 #slider(center,70%,3000,1000,01.jpg,02.jpg,03.jpg,04.jpg) ~ ~ **応用 異なるページ(例えば、ページ名「Slide」)に添付された画像を流用して、別のページにスライドを提示するには、以下のように「ページ名/画像ファイル名」を列挙します。 #slider(center,50%,3000,1000,Slide/slide01.jpg,Slide/slide02.jpg,Slide/slide03.jpg,Slide/slide04.jpg,Slide/slide05.jpg) #slider(center,50%,3000,1000,Slide/01.jpg,Slide/02.jpg,Slide/03.jpg,Slide/04.jpg,Slide/slide05.jpg) 編集画面内で以下のように記載しています。 #slider(center,50%,3000,1000,Slide/slide01.jpg,Slide/slide02.jpg,・・・ ~ ~