カテゴリ:プラグイン 自作 追加
gallery.jpg

画像のギャラリー表示プラグイン

gallery.inc.php
製作者kanateko
ライセンスGPLv3
バージョン0.2
動作確認PukiWiki 1.5.3 ~
最終更新2021-06-17

lightboxを使って画像ギャラリーを作成するプラグイン。添付した画像を任意の数並べ、クリックorタップでグループごとにモーダル表示する。

  • このプラグインでできること
    • キャプション付きで画像を一覧表示
    • クリックorタップで拡大 & スライドショー

ダウンロード

最新: GitHub

日付バージョン備考
2021-06-170.2
  • 他のページの添付画像を表示する機能を追加
  • 一覧表示の画像の横幅を変更する機能を追加
2021-06-160.1初版作成

インストール

  1. jQueryを使うので、pukiwiki.skin.phpの<head>~</head>の間に以下の内容を追加する。
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    
  2. lightboxを適当な場所にダウンロード・解凍する。
  3. 解凍した中の「dist」フォルダの名前を「lb」に変更し、この「lb」フォルダをPukiWikiの「skin」フォルダに入れる。
  4. GitHubから「gallery.inc.php」フォルダをダウンロードし、中にはいっている「gallery.inc.php」をPukiWikiの「plugin」フォルダに入れ、「gallery.css」の内容をpukiwiki.css追加する
  5. PukiWikiの設定でマルチラインプラグインを許可する。
    pukiwiki.ini.phpの56行目
     define('PKWKEXP_DISABLE_MULTILINE_PLUGIN_HACK', 0); // 1 = Disabled
    

使用方法

#gallery{{
ファイル名>キャプション
︙
}}

キャプションは省略可

オプション
  • width=数値
    一覧表示の画像の横幅を指定する。 (px)
    デフォルトは300。

使用例

以下のページで使用しているのでそちらを参照
https://jpngamerswiki.com/back4blood/?020e7a553d#ea643bb0

追加する予定の機能

  • 他のページの添付画像使えるようにする v0.2で実装
  • 一覧表示時の画像の横幅指定 v0.2で実装
  • 画像追加機能
    • 未だにformの使い方がよくわかっていないので難航しそう

コメント

最新の10件を表示しています。 コメントページを参照

  • とても便利なプラグインですね!使わせていただきます。 -- - 2021-06-25 (金) 22:29:27
  • 便利なプラグインありがとうございます. photoswipe 5.2.8ではdistフォルダ内にphotoswipe-ui-default.min.jsファイルがなくなってしまいました. 気づかずにプラグインを実装したところサムネイルとキャプションは描出されましたが, クリックしても大きな元画像は見ることはできませんでした. -- konapon 2022-07-04 (月) 18:03:34
    • ご報告ありがとうございます。
      どうやら今年3月にメジャーアップデートがあったようですね。現在製作中のプラグインが片付いたら最新Verに対応させようと思いますので、ひとまずそれまではv4.1.3を利用していただけたらと思います。 -- kanateko 2022-07-04 (月) 19:45:19
  • v4.1.3のリンクありがとうございます。ぜひ欲しいプラグインなので早速使わせていただきます. -- konapon 2022-07-05 (火) 10:15:32
  • このプラグインのおかげでサイトの画像の見栄えが大変よくなりました。
    ありがとうございます。
    こちらのプラグインの検索機能ですが、
    キャプションで絞り込むことはできないでしょうか。
    それができるとtagプラグインと合わせて使えてさらに便利になると思います。 -- 2023-05-26 (金) 23:47:47
    • キャプションの検索とソートを追加追加しました。 -- kanateko 2023-05-27 (土) 00:40:50
    • キャプションでの検索・ソート機能の対応ありがとうございます。
      画像を見つけやすくなってとても助かりました。 -- 2023-06-04 (日) 16:50:33