Plugin/Slider
をテンプレートにして作成
お知らせ
学会概要
会長メッセージ
設立の趣旨
定款
役員
代議員
沿革
出版物
代議員選出規則
名誉会員規定
ニューズレター特別委員会設置要領
デザイン関連学会
大会案内
大会口頭発表要領
大会発表梗概書式ガイドライン
大会発表梗概投稿フォーム
大会発表梗概の審査基準
投稿案内
学会誌投稿規程
執筆要領
投稿フォーム
AI利用ガイドライン
統計研究ガイドライン
インターネット公開ガイドライン
論文・論説・報告の区分けに関する基準
論文情報
論文・論説・報告
J-STAGE|芸術工学会誌
運営覚書
事務局
事務局
入会案内
会費納入
SEARCH
開始行:
#navi(../)
~
*Plugin Slider
カルーセルスライダー
~
***概要
jQueryカルーセルスライダー Slick を用いたプラグインです。
http://kenwheeler.github.io/slick/
~
#slider(center,75%,fade,3000,2000,images/01.jpg,images/02...
#slider(left,75%,h2,3000,2000,images/01.jpg,images/02.jpg...
#slider(right,75%,v2,3000,2000,images/01.jpg,images/02.jp...
#clear
~
編集画面内で以下のように記載しています。
#slider(center,75%,fade,3000,2000,images/01.jpg,images/0...
#slider(left,75%,h2,3000,2000,images/01.jpg,images/02.jp...
#slider(right,75%,v2,3000,2000,images/01.jpg,images/02.j...
~
***書式
#slider( 位置, 幅, パターン, 滞留時間, 切替時間, 画像01,...
-第1引数は、left / center / right のいずれか。center以外...
-第2引数は、親領域に対する幅の%。
-第3引数は、スライドのパターン。
--fade:デフォルトです。何も書かない場合はこれになります。
--h[1-9]:水平にスライドします。右の数字は同時表示数(例...
--v[1-9]:垂直にスライドします。右の数字は同時表示数(例...
--同時表示数 < スライドの枚数 であることが前提です。
-第4引数は、スライドが止まって表示されている時間(ms)。
-第5引数は、スライドの切り替えに要する時間(ms)。
-第6引数以降に画像ファイルを列挙します。
画像ファイル自体は、当該ページに添付されていることが前提...
上記の事例のように、images という名前のページにある sampl...
images/sample01.jpg
という書き方で利用可能です。
~
~
#navi(../)
~
終了行:
#navi(../)
~
*Plugin Slider
カルーセルスライダー
~
***概要
jQueryカルーセルスライダー Slick を用いたプラグインです。
http://kenwheeler.github.io/slick/
~
#slider(center,75%,fade,3000,2000,images/01.jpg,images/02...
#slider(left,75%,h2,3000,2000,images/01.jpg,images/02.jpg...
#slider(right,75%,v2,3000,2000,images/01.jpg,images/02.jp...
#clear
~
編集画面内で以下のように記載しています。
#slider(center,75%,fade,3000,2000,images/01.jpg,images/0...
#slider(left,75%,h2,3000,2000,images/01.jpg,images/02.jp...
#slider(right,75%,v2,3000,2000,images/01.jpg,images/02.j...
~
***書式
#slider( 位置, 幅, パターン, 滞留時間, 切替時間, 画像01,...
-第1引数は、left / center / right のいずれか。center以外...
-第2引数は、親領域に対する幅の%。
-第3引数は、スライドのパターン。
--fade:デフォルトです。何も書かない場合はこれになります。
--h[1-9]:水平にスライドします。右の数字は同時表示数(例...
--v[1-9]:垂直にスライドします。右の数字は同時表示数(例...
--同時表示数 < スライドの枚数 であることが前提です。
-第4引数は、スライドが止まって表示されている時間(ms)。
-第5引数は、スライドの切り替えに要する時間(ms)。
-第6引数以降に画像ファイルを列挙します。
画像ファイル自体は、当該ページに添付されていることが前提...
上記の事例のように、images という名前のページにある sampl...
images/sample01.jpg
という書き方で利用可能です。
~
~
#navi(../)
~
ページ名: