Plugin/Slider
をテンプレートにして作成
お知らせ
学会概要
会長メッセージ
設立の趣旨
定款
役員
沿革
出版物
公開指針
代議員選出規則
名誉会員規定
デザイン関連学会
大会案内
発表要領
発表梗概執筆要領
発表梗概投稿フォーム
発表梗概審査のポイント
2026年度 春期大会
2026年度 秋期大会
投稿案内
投稿規定
執筆要領
投稿フォーム
種別判断ガイドライン
統計研究ガイドライン
インターネット公開指針
論文情報
論文・論説・報告
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(../)
~
ページ名: