#author("2019-06-30T17:47:52+09:00","default:kanateko0404","kanateko0404")
#author("2020-02-11T01:40:35+09:00","default:kanateko0404","kanateko0404")
RIGHT:&tag(プラグイン,自作,追加);
#contentsx
*画像スライドショー表示プラグイン [#ke30fe8a]
#slideshow(ゲーム一覧/HOD_logo.png,ゲーム一覧/WW3_logo.png,ゲーム一覧/Fallout76_logo.png,ゲーム一覧/GTFO_logo.png,ゲーム一覧/LastYear_logo.png,ゲーム一覧/OTWD_logo.png,speed=2000)
#style(class=table_float_right){{
|RIGHT:BGCOLOR(lightgray):||c
|プラグイン名|slideshow.inc.php|
|製作者|kanateko|
|バージョン|0.1.2|
|動作確認|PukiWiki 1.5.1|
|最終更新|2018/10/09|
|ダウンロード|*調整中*|

#style(class=summary){{
|>|~slideshow.inc.php|h
|RIGHT:100|150|c
|~製作者|kanateko|
|~ライセンス|GPLv2|
|~動作確認|PukiWiki 1.5.2|
|~最終更新|2020/02/10|
}}

[[slick>http://kenwheeler.github.io/slick/]]を利用した画像スライドショープラグイン
添付した画像を指定してスライドショーに追加できる

slickの設定やcssを弄ることで様々なデザインのスライドショーを表示可能
現在のプラグインの設定は最もシンプルなものにしてある

-このプラグインでできること (ver 0.1.2)
--添付画像の表示((というより現状画像のみしか表示不可。そのうち動画や文章にも対応する・・・予定))
-このプラグインでできること
--添付画像の表示
--自動再生のON/OFF
--スライド表示時間の変更
#clear

**セットアップ [#ma9d057e]
~*調整中*
**ダウンロード [#i62b3f12]

最新: &attachref(slideshow082.inc.php);

|~日付|~バージョン|~備考|h
|2020/02/10|0.82|ソースを整理して公開|

**インストール [#ma9d057e]
+ダウンロードしたファイルの名前を「slideshow.inc.php」に変更してpluginフォルダに入れる。
+[[slick公式>http://kenwheeler.github.io/slick/]]からslickをダウンロードする。
+ファイルを解凍し、中にある「slick」フォルダをskinフォルダに入れる。
+jQueryを使うので、pukiwiki.skin.phpの<head>~</head>の間に以下の内容を追加する。
#prism(html,false){{
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
}}

**使用方法 [#c0927415]
 #slideshow([ファイル名][,speed=<数値>][,auto=false])
-''ファイル名''
拡張子を含んだ画像のファイル名
別ページにある画像も指定可能で、その場合は"<ページ名>/<ファイル名>"とスラッシュで区切る
-''speed=<数値(ms)>''
自動再生時、1つのスライドを表示しておく時間(ms)
500以上から設定可能
設定しない場合はデフォルトで3000(3秒)
-''auto=false''
自動再生をoffにする
デフォルトでonのため自動再生をする場合は設定しなくてOK

引数の順序に決まりはない

例: ページの上部にあるスライドショーの場合
 #slideshow(ゲーム一覧/HOD_logo.png,ゲーム一覧/WW3_logo.png,ゲーム一覧/Fallout76_logo.png,ゲーム一覧/GTFO_logo.png,ゲーム一覧/LastYear_logo.png,ゲーム一覧/OTWD_logo.png,speed=2000)

**追加したい機能 [#ud342f39]
-動画表示機能
-テキスト表示機能
-スタイル変更機能

マルチライン化してオプションやスタイルを()内、実際に表示する部分を{{}}内で自由に弄る感じにしたい。

**コメント [#tcd76a4f]
#pcomment(,10,above,reply)