Plugin/Slider
をテンプレートにして作成
九州産業大学 情報科学研究科
AND検索
OR検索
HOME
About
概要
課程
特色
人材育成
研究室一覧
学生一覧
入試情報
サブメニュー01
サブメニュー02
開始行:
*Slider
カルーセルスライダー Slick を用いたスライド表示機能
http://kenwheeler.github.io/slick/
~
#slider(center,100%,2000,1000,Slide/01.jpg,Slide/02.jpg,S...
~
**書式
#slider( 位置, 幅, 滞留時間, 切替時間, 画像01, 画像02, ...
-第1引数は、left / center / right のいずれか。center以外...
-第2引数は、親領域に対する幅の%。
-第3引数は、スライドが止まって表示されている時間(ms)。
-第4引数は、スライドの切り替えに要する時間(ms)。
-第5引数以降に画像ファイルを列挙します。
画像ファイル自体は、当該ページに添付されていることが前提...
例えば、Images という名前のページにある sample01.jpg 画像...
images/sample01.jpg
という書き方で利用可能です。
-パラメータが増えると面倒なので、以下の仕様に限定していま...
--移動:左右方向
--マウスオンで一時停止します
~
**記載例
#slider(center,70%,3000,1000,01.jpg,02.jpg,03.jpg,04.jpg)
~
~
**応用
異なるページ(例えば、ページ名「Slide」)に添付された画像...
#slider(center,50%,3000,1000,Slide/01.jpg,Slide/02.jpg,Sl...
編集画面内で以下のように記載しています。
#slider(center,50%,3000,1000,Slide/01.jpg,Slide/02.jpg,...
~
~
終了行:
*Slider
カルーセルスライダー Slick を用いたスライド表示機能
http://kenwheeler.github.io/slick/
~
#slider(center,100%,2000,1000,Slide/01.jpg,Slide/02.jpg,S...
~
**書式
#slider( 位置, 幅, 滞留時間, 切替時間, 画像01, 画像02, ...
-第1引数は、left / center / right のいずれか。center以外...
-第2引数は、親領域に対する幅の%。
-第3引数は、スライドが止まって表示されている時間(ms)。
-第4引数は、スライドの切り替えに要する時間(ms)。
-第5引数以降に画像ファイルを列挙します。
画像ファイル自体は、当該ページに添付されていることが前提...
例えば、Images という名前のページにある sample01.jpg 画像...
images/sample01.jpg
という書き方で利用可能です。
-パラメータが増えると面倒なので、以下の仕様に限定していま...
--移動:左右方向
--マウスオンで一時停止します
~
**記載例
#slider(center,70%,3000,1000,01.jpg,02.jpg,03.jpg,04.jpg)
~
~
**応用
異なるページ(例えば、ページ名「Slide」)に添付された画像...
#slider(center,50%,3000,1000,Slide/01.jpg,Slide/02.jpg,Sl...
編集画面内で以下のように記載しています。
#slider(center,50%,3000,1000,Slide/01.jpg,Slide/02.jpg,...
~
~
ページ名: