#author("2021-09-19T11:51:56+09:00","","") #author("2022-07-09T09:42:52+09:00","","") ** gallery.inc.php [#i030192f] |RIGHT:100|LEFT:360|c |~サマリ|画像ギャラリーを作成・表示するプラグイン| |~リビジョン|1.6| |~リビジョン|2.1| |~対応バージョン|1.5.3| |~投稿者|[[kanateko]]| |~投稿日|&new{2021-06-21 (月) 10:45:31};| 設置ページや他のページに添付されている任意の画像をキャプション付きで一覧表示し、クリックorタップで拡大およびスライドショー表示します。編集画面を通さず簡単な操作で後から画像 (とキャプション) を追加することもできます。 動作にはlightbox系ライブラリのphotoswipeを使用しており、スワイプやピンチなどのスマホ操作にも最適化されています。 動作にはphotoswipeのv5以降を使用しており、スワイプやピンチなどのスマホ操作にも最適化されています。 **ダウンロード & インストール [#y737cbce] 必要ファイルのダウンロードとインストール手順については以下のページを参照してください。 https://jpngamerswiki.com/?0da08b920d 詳しい使い方や表示例なども掲載しています。 **プラグインの仕様 [#efe03c6c] -設置ページや他のページに添付された画像を指定してギャラリー風に表示する。 --この際、個々の画像にキャプションを追加することができる。 -ギャラリーは1つのページに複数個設置可能。 -一覧表示された画像をクリックorタップで拡大表示し、そのまま同じグループの画像((同一のプラグイン内で指定された画像))をスライドショー形式で閲覧できる。 -編集に不慣れでもギャラリーの下に表示される「画像を追加する」ボタンから直感的に画像を追加できる。 --ボタンを押すと画像とキャプションを追加するためのフォームが表示される。 -様々なオプションに対応 --画像サイズ (高さor幅) 指定 --画像枠の有無の設定 -キャプション付きでサムネイルを一覧表示する -様々なオプションを指定可能 --キャプションの表示/非表示 --画像追加ボタンの表示/非表示 --ギャラリー画像の左寄せ/中央揃え/右寄せ --ギャラリー画像の切り抜き表示 (正方形/円) --追加ボタンの表示/非表示 --サムネイルのサイズ --サムネイルのクロップ --サムネイルの配置 (justify-content準拠) --折り返しの有無 -クリックorタップで拡大 & スライドショー --スワイプやピンチなどスマホ操作に対応 --ファイル名やキャプションを画面下に表示する -編集無しでキャプション付きの画像を追加可能 --凍結・編集制限付きの場合は追加不可 **使い方 [#qa585780] #gallery([オプション]){{ ファイル名>キャプション ︙ }} キャプションは省略可 :オプション| --''height=数値''&br; 一覧画像の高さを指定する。 (px) デフォルトは180。 --''width=数値''&br; 一覧画像の横幅を指定する。 (px) --''noadd''&br; ***オプション [#g1145d03] :height = < サイズ指定 >| サムネイルの高さを指定する (px, %, vw, vh, etc...) 。単位がない場合はpx扱いになる。~ 指定しない場合は自動的に180pxになる。~ :width = < サイズ指定 >| サムネイルの幅を指定する (px, %, vw, vh, etc...) 。単位がない場合はpx扱いになる。~ 指定しない場合は自動的に高さに合わせて計算される。~ :noadd| 画像追加ボタンを非表示にする。 --''nocap''&br; 一覧表示のキャプションを非表示にする。 拡大した際には画面の下に表示される。 --''nowrap''&br; 画像の縁取りを無くす。 --''left / center / right''&br; 画像の一覧を左寄せ/中央揃え/右寄せにする。 デフォルトは中央揃え。 --''square / circle''&br; 一覧表示した画像を正方形/円に切り抜いて表示する。 circleの場合キャプションは強制的に非表示になる。 :nobreak| サムネイルの折り返しを無効にする。 :nocap| キャプションを非表示にする。 :nowrap| サムネイルの縁取りを無くす。 :< justify-contentの値 >| サムネイルの配置を変更する。~ left / start / flex-start: 左詰め~ right / end / flex-end: 右詰め~ center: 中央揃え~ space-around / space-between / space-evenly: 中央揃え + 余白調整~ :square / circle| サムネイルを正方形/円に切り抜いて表示する。~ circleの場合キャプションは強制的に非表示になる。~ **ライセンス [#yb6ed709] GPL v3