• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• Plugin/Slider へ行く。
  • 1 (2020-02-06 (木) 13:10:56)
  • 2 (2020-03-05 (木) 20:36:30)

---

Plugin/Slider

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

このページは準備中です。
以下の内容は、新しいプラグインに対応した説明に差し替えています。現時点では、表示がおかしくなっていますが、プラグイン等を差し替えていただくことで正しく表示されるようになります。20200305 井上(貢)

書式

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

• 第１引数は、left / center / right のいずれか。center以外は回りこみます。
• 第２引数は、親領域に対する幅の％。
• 第３引数は、スライドのパターン。
  • fade：デフォルトです。何も書かない場合はこれになります。
  • h[1-9]：水平にスライドします。右の数字は同時表示数（例：h3）。
  • v[1-9]：垂直にスライドします。右の数字は同時表示数（例：v2）。
• 第４引数は、スライドが止まって表示されている時間(ms)。
• 第５引数は、スライドの切り替えに要する時間(ms)。
• 第６引数以降に画像ファイルを列挙します。
  画像ファイル自体は、当該ページに添付されていることが前提ですが、特定のページにまとめて添付して利用することも可能です。
  例えば、Images という名前のページにある sample01.jpg 画像は、

  images/sample01.jpg 

  という書き方で利用可能です。
  
  
  
  

応用

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

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

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

サンプル

横方向２連

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

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

縦方向２連

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

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