PAGES

GUIDE

DATA

Slider

カルーセルスライダー

概要

jQueryカルーセルスライダー Slick を用いたプラグインです。
http://kenwheeler.github.io/slick/

XGA01.jpgXGA02.jpgXGA03.jpg

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

#slider( center, 50%, 3000, 1000, XGA01.jpg, XGA02.jpg, XGA03.jpg )


書式

#slider( 位置, 幅, 滞留時間, 切替時間, 画像01, 画像02, 画像03,・・・)
  • 第1引数は、left / center / right のいずれか。center以外は回りこみます。
  • 第2引数は、親領域に対する幅の%。
  • 第3引数は、スライドが止まって表示されている時間(ms)。
  • 第4引数は、スライドの切り替えに要する時間(ms)。
  • 第5引数以降に画像ファイルを列挙します。
    画像ファイル自体は、当該ページに添付されていることが前提ですが、特定のページにまとめて添付して利用することも可能です。
    例えば、Images という名前のページにある sample01.jpg 画像は、
    images/sample01.jpg 
    という書き方で利用可能です。
  • パラメータが増えると面倒なので、以下の仕様に限定しています。
    • 移動:左右方向
    • マウスオンで一時停止します



Last-modified: 2018-04-14 (土) 12:12:45 (429d)