#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

トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.4+ © 2001-2022 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.041 sec.

OSDN