開始行: &tag(プラグイン,自作,追加); #box(info){{ より多機能な[[sliderプラグイン>自作プラグイン/slider]]を... sliderプラグインでは画像以外もスライド表示可能で、さらに... }} #contentsx *画像スライドショー表示プラグイン [#ke30fe8a] #slideshow(ゲーム一覧/HOD_logo.png,ゲーム一覧/WW3_logo.pn... #infobox(plugin){{ name=slideshow ver=0.8 pukiwiki=1.5.2 update=2020-03-10 }} [[slick>http://kenwheeler.github.io/slick/]]を利用した画... 添付した画像を指定してスライドショーに追加できる slickの設定やcssを弄ることで様々なデザインのスライドショ... 現在のプラグインの設定は最もシンプルなものにしてある -このプラグインでできること --添付画像の表示 --自動再生のON/OFF --スライド表示時間の変更 #clear *ダウンロード [#i62b3f12] 最新: [[GitHub>https://github.com/kanateko/pukiwiki-plugi... |~日付|~バージョン|~備考|h |2020-03-10|0.8.3|ループ処理にバグが有ったので修正| |2020-02-10|0.8.2|ソースを整理して公開| *セットアップ [#ma9d057e] +ダウンロードした「slideshow.inc.php」をpluginフォルダに... +[[slick公式>http://kenwheeler.github.io/slick/]]からslic... +ファイルを解凍し、中にある「slick」フォルダをskinフォル... +jQueryを使うので、pukiwiki.skin.phpの<head>~</head>の間... #prism(php,false){{ <script src="https://ajax.googleapis.com/ajax/libs/jquery... }} *使用方法 [#c0927415] #slideshow([ファイル名][,speed=<数値>][,auto=false]) -''ファイル名'' 拡張子を含んだ画像のファイル名 別ページにある画像も指定可能で、その場合は"<ページ名>/<フ... -''speed=<数値(ms)>'' 自動再生時、1つのスライドを表示しておく時間(ms) 500以上から設定可能 設定しない場合はデフォルトで3000(3秒) -''auto=false'' 自動再生をoffにする デフォルトでonのため自動再生をする場合は設定しなくてOK 引数の順序に決まりはない 例: ページの上部にあるスライドショーの場合 #slideshow(ゲーム一覧/HOD_logo.png,ゲーム一覧/WW3_logo.p... *追加したい機能 [#ud342f39] #style(opacity:.2){{{ -動画表示機能 -テキスト表示機能 -スタイル変更機能 マルチライン化してオプションやスタイルを()内、実際に表示... }}} これらの機能は[[sliderプラグイン>自作プラグイン/slider]]... 引数の指定方法が大きく変わったため別プラグインとして分離。 *コメント [#tcd76a4f] #pcomment(reply) 終了行: &tag(プラグイン,自作,追加); #box(info){{ より多機能な[[sliderプラグイン>自作プラグイン/slider]]を... sliderプラグインでは画像以外もスライド表示可能で、さらに... }} #contentsx *画像スライドショー表示プラグイン [#ke30fe8a] #slideshow(ゲーム一覧/HOD_logo.png,ゲーム一覧/WW3_logo.pn... #infobox(plugin){{ name=slideshow ver=0.8 pukiwiki=1.5.2 update=2020-03-10 }} [[slick>http://kenwheeler.github.io/slick/]]を利用した画... 添付した画像を指定してスライドショーに追加できる slickの設定やcssを弄ることで様々なデザインのスライドショ... 現在のプラグインの設定は最もシンプルなものにしてある -このプラグインでできること --添付画像の表示 --自動再生のON/OFF --スライド表示時間の変更 #clear *ダウンロード [#i62b3f12] 最新: [[GitHub>https://github.com/kanateko/pukiwiki-plugi... |~日付|~バージョン|~備考|h |2020-03-10|0.8.3|ループ処理にバグが有ったので修正| |2020-02-10|0.8.2|ソースを整理して公開| *セットアップ [#ma9d057e] +ダウンロードした「slideshow.inc.php」をpluginフォルダに... +[[slick公式>http://kenwheeler.github.io/slick/]]からslic... +ファイルを解凍し、中にある「slick」フォルダをskinフォル... +jQueryを使うので、pukiwiki.skin.phpの<head>~</head>の間... #prism(php,false){{ <script src="https://ajax.googleapis.com/ajax/libs/jquery... }} *使用方法 [#c0927415] #slideshow([ファイル名][,speed=<数値>][,auto=false]) -''ファイル名'' 拡張子を含んだ画像のファイル名 別ページにある画像も指定可能で、その場合は"<ページ名>/<フ... -''speed=<数値(ms)>'' 自動再生時、1つのスライドを表示しておく時間(ms) 500以上から設定可能 設定しない場合はデフォルトで3000(3秒) -''auto=false'' 自動再生をoffにする デフォルトでonのため自動再生をする場合は設定しなくてOK 引数の順序に決まりはない 例: ページの上部にあるスライドショーの場合 #slideshow(ゲーム一覧/HOD_logo.png,ゲーム一覧/WW3_logo.p... *追加したい機能 [#ud342f39] #style(opacity:.2){{{ -動画表示機能 -テキスト表示機能 -スタイル変更機能 マルチライン化してオプションやスタイルを()内、実際に表示... }}} これらの機能は[[sliderプラグイン>自作プラグイン/slider]]... 引数の指定方法が大きく変わったため別プラグインとして分離。 *コメント [#tcd76a4f] #pcomment(reply) ページ名: