Plugin/Slider
をテンプレートにして作成
九州産業大学大学院 情報科学研究科
AND検索
OR検索
HOME
新入生へ
About
研究科紹介
課程
特色
人材育成
教員紹介
在学生へ
学生一覧
時間割表
セミナー
就職関連
受験生へ
入試情報
ダウンロード
特別寄稿
開始行:
*Plugin/Slider
カルーセルスライダー Slick を用いたスライド表示機能
http://kenwheeler.github.io/slick/
~
#slider(center,100%,fade,2000,1000,Slide/01.jpg,Slide/02....
~
***書式
#slider( 位置, 幅, パターン, 滞留時間, 切替時間, 画像01,...
-第1引数は、left / center / right のいずれか。center以外...
-第2引数は、親領域に対する幅の%。
-第3引数は、スライドのパターン。
--fade:デフォルトです。何も書かない場合はこれになります。
--h[1-9]:水平にスライドします。右の数字は同時表示数(例...
--v[1-9]:垂直にスライドします。右の数字は同時表示数(例...
-第4引数は、スライドが止まって表示されている時間(ms)。
-第5引数は、スライドの切り替えに要する時間(ms)。
-第6引数以降に画像ファイルを列挙します。
画像ファイル自体は、当該ページに添付されていることが前提...
例えば、Images という名前のページにある sample01.jpg 画像...
images/sample01.jpg
という書き方で利用可能です。
~
~
**応用
異なるページ(例えば、ページ名「Slide」)に添付された画像...
#slider(center,50%,fade,3000,1000,Slide/01.jpg,Slide/02.j...
編集画面内で以下のように記載しています。
#slider(center,50%,fade,3000,1000,Slide/slide01.jpg,Slid...
~
~
**サンプル
***横方向2連
#slider(center,70%,h2,2000,1000,Slide/01.jpg,Slide/02.jpg...
編集画面内で以下のように記載しています。
#slider(center,70%,v2,2000,1000,Slide/01.jpg,Slide/02.jp...
~
***縦方向2連
#slider(center,70%,v2,2000,1000,Slide/01.jpg,Slide/02.jpg...
編集画面内で以下のように記載しています。
#slider(center,70%,v2,2000,1000,Slide/01.jpg,Slide/02.jp...
~
~
終了行:
*Plugin/Slider
カルーセルスライダー Slick を用いたスライド表示機能
http://kenwheeler.github.io/slick/
~
#slider(center,100%,fade,2000,1000,Slide/01.jpg,Slide/02....
~
***書式
#slider( 位置, 幅, パターン, 滞留時間, 切替時間, 画像01,...
-第1引数は、left / center / right のいずれか。center以外...
-第2引数は、親領域に対する幅の%。
-第3引数は、スライドのパターン。
--fade:デフォルトです。何も書かない場合はこれになります。
--h[1-9]:水平にスライドします。右の数字は同時表示数(例...
--v[1-9]:垂直にスライドします。右の数字は同時表示数(例...
-第4引数は、スライドが止まって表示されている時間(ms)。
-第5引数は、スライドの切り替えに要する時間(ms)。
-第6引数以降に画像ファイルを列挙します。
画像ファイル自体は、当該ページに添付されていることが前提...
例えば、Images という名前のページにある sample01.jpg 画像...
images/sample01.jpg
という書き方で利用可能です。
~
~
**応用
異なるページ(例えば、ページ名「Slide」)に添付された画像...
#slider(center,50%,fade,3000,1000,Slide/01.jpg,Slide/02.j...
編集画面内で以下のように記載しています。
#slider(center,50%,fade,3000,1000,Slide/slide01.jpg,Slid...
~
~
**サンプル
***横方向2連
#slider(center,70%,h2,2000,1000,Slide/01.jpg,Slide/02.jpg...
編集画面内で以下のように記載しています。
#slider(center,70%,v2,2000,1000,Slide/01.jpg,Slide/02.jp...
~
***縦方向2連
#slider(center,70%,v2,2000,1000,Slide/01.jpg,Slide/02.jpg...
編集画面内で以下のように記載しています。
#slider(center,70%,v2,2000,1000,Slide/01.jpg,Slide/02.jp...
~
~
ページ名: