Top>画像スワイプ表示プラグイン


タグPukiWiki, SEの良心, PukiWiki改造計画, レスポンシブデザイン対応, スマホ対応, 画像拡張表示, 画像スワイプ表示, プラグイン, アライメント指定, 左寄せ, 中央寄せ, 右寄せ, サンプル, 参照記事


2022/10/02 (日) 更新

 

PukiWiki用画像スワイプ表示プラグイン  

項目内容
カテゴリ画像拡張表示プラグイン
公開日2022年10月02日
バージョン1.2.0

概要  

  • 正式公開版です(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対象ゲーム
1PC-6001ml2系画像アライメント:左/画像フレーム:なし
ギャラクシアン
グロブダー
2PC-6601系画像アライメント:中央/画像フレーム:あり
ロードランナー
タイニーゼビウスmk2
3SR専用画像アライメント:右/画像フレーム:なし
ハイドライド
スターアーサー伝説Ⅲテラ4001

参照記事  

オンラインサロン「SEの良心・友の会」 ダウンロード お問い合わせ
 

 

 

コメントはありません。 Comments/画像スワイプ表示プラグイン



 


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ ログイン   最終更新のRSS