タグ:PukiWiki, SEの良心, PukiWiki改造計画, レスポンシブデザイン対応, スマホ対応, 画像拡張表示, 画像スワイプ表示, プラグイン, アライメント指定, 左寄せ, 中央寄せ, 右寄せ, サンプル, 参照記事
2022/10/02 (日) 更新
PukiWiki用画像スワイプ表示プラグイン
概要
- 正式公開版です(PukiWiki1.5.3で動作確認済)
- 本プラグインを利用することで、ブロック型プラグインとしてページに添付された単数または複数画像を拡張表示し、次の機能を可能にします(マウス・キーボード・タッチ操作)
- ズーム表示
- 全画面表示
- スワイプ操作
- ピンチイン・ピンチアウト操作
- SNS(Facebook・Twitter)でのシェア
- インライン型プラグインとしても動作し、インライン要素内でも単数または複数画像の拡張表示が可能です
- 画像の拡張表示は、高さ or 横幅指定(ピクセル単位)・アライメント(左寄せ・中央寄せ・右寄せ)指定・フレーム無し指定が可能で、レスポンシブ対応です
- 本プラグインの導入には、次のモジュールの導入が前提となります
- 設置や使い方に関してはメインサイトの記事「PukiWikiの画像表示を拡張する!」(仮称・執筆予定)を参照して下さい
- 本バージョンはオンラインサロン会員(PukiWiki開発基本会員以上)向けですが、オンラインストアでも販売しています
- 本アーカイブのライセンスはGPL version 2またはそれ以降で、ライセンスが定める諸条件の範囲において個人・法人内部で自由に利用・改変が可能ですが、著作権者の不利益に該当するあらゆる行為はライセンスに関係なく禁止とします
変更履歴
- 2022/10/02 Ver1.2.0
- DRE_IMAGE_NO_RIGHT_CLICK(画像右クリック禁止)設定対応(サムネイル画像以外は不完全対応)
- サムネイル画像を遅延読み込み化
- 2022/09/01 Ver1.1.0
- CSSとJavaScriptコードを圧縮ファイルに変更(高速化対応)
- 2022/08/27 Ver1.0.0
- 画像リサイズプラグインに対応(WebP画像で高速化)
- サムネイル画像にwidthとheight属性を指定
- CSSとJavaScriptコードを非同期読み込みに変更(高速化対応)
- 正式公開(ライセンス変更)
- 2021/09/17 Ver0.1.0
ブロック型
オプション指定なし(画像高さ指定:240px/画像アライメント:中央/画像フレーム:あり)
#image_swipe{{
ロードランナー.jpg:ロードランナー
タイニーゼビウス.jpg
ギャラクシアン.jpg
ハイドライド.jpg
}}
画像横幅指定:240px/画像アライメント:左/画像フレーム:なし
#image_swipe(width=240,left,noframe){{
ロードランナー.jpg:ロードランナー
タイニーゼビウス.jpg
ギャラクシアン.jpg
ハイドライド.jpg
}}
インライン型
ソートテーブルでの例
#sortable_table(String|,autonum,head=#f0f0f0,odd=#ffffff,even=#f6f9fb,nowrap,width=100){{
|~対象|~ゲーム|h
|CENTER:|LEFT:|c
|PC-6001ml2系|画像アライメント:左/画像フレーム:なし&br;&image_swipe(left,noframe){ギャラクシアン.jpg:ギャラクシアン,グロブダー.jpg:グロブダー};|
|PC-6601系|画像アライメント:中央/画像フレーム:あり&br;&image_swipe(){ロードランナー.jpg:ロードランナー,タイニーゼビウス.jpg:タイニーゼビウスmk2};|
|SR専用|画像アライメント:右/画像フレーム:なし&br;&image_swipe(right,noframe){ハイドライド.jpg:ハイドライド,テラ4001.jpg:スターアーサー伝説Ⅲテラ4001};|
}}
No | 対象 | ゲーム |
1 | PC-6001ml2系 | 画像アライメント:左/画像フレーム:なし
|
2 | PC-6601系 | 画像アライメント:中央/画像フレーム:あり
|
3 | SR専用 | 画像アライメント:右/画像フレーム:なし
|
参照記事
- ダウンロード
- PukiWikiの画像表示を拡張する!(仮称・執筆予定)
人気上位6ページ
今日の人気上位6ページ