“mylightbox” イメージギャラリプラグイン
WordPress用のイメージギャラリプラグインモジュール “mylightbox” の公開に向けてある程度骨格ができあがったので、本番環境でのテストを始めることにした.
“mylightbox” はこれまで用途に応じて複数のイメージギャラリーを使い分けていたが、管理やソースコードのメンテナンスが煩雑になってきたので、思い切って一つのプラグインモジュールに纏めてみることにした.
現時点では “Highslide JS”, “jQuery lightBox”の2種類のビューワに対応している.おまけとして画像に含まれているEXIFタグ情報をテキストでダンプする機能も組み込んでみた.jQuery lightBoxには自動スライドショーの機能がないので、ついでに自動スライドショー機能も付加してみようと思う.
画像のキャプションとして表示する項目として、撮影日時や撮影場所などのジオタグ情報、露出情報や機材に関する情報などある程度ユーザ側でカスタマイズできるようになっている.
一般公開までにはまだバグ潰しやドキュメント作成などしなければならない事が残っているが、近いうちに公開する予定です.
“mylightbox V1.0.3” 公開 [ 最終更新日 3/20 2012 ]
ダウンロード先: https://y2lab.org/wp_plugins/mylightbox/mylightbox.zip V1.0.3
【修正・変更履歴】
・v1.0.3 jQuery lightBox で AJAXによるEXIFデータ読み込み時に、サーバのレスポンスが遅い場合に
EXIFデータの表示の同期が取れなくなる現象が発生していたが、EXIFデータの表示時点でEXIF
データの取得が間に合わない場合は、一定時間経過後に再試行するように修正.
・v1.0.0 正式リリース版.
・v0.9.6b 日本語表示用リソース追加.
・v0.9.5b Google Maps, Yahoo Japan Map で逆ジオコーディングによる地名を表示.
・v0.9.4b ショートコードタグの再帰呼び出し(ショートコードタグのコンテンツ中に別な
ショートコードタグを入れる)を可能にした.
・v0.9.3b インラインショートコードタグ(Enclosing Shortcode Tag)方式に対応
・v0.9.2b Galleria の分離
まだ未完成ですが、一通りの機能の実装が終わりましたのでとりあえず公開します.まともなドキュメントはありませんが、WEBデザイナーやプログラマ系の方々であれば自分でいじり回してみてください.
Galleria 1.2 によるイメージギャラリーの例 【削除:v0.9.2 => “Galleria WP2” へ移行】
[mylightbox ngg_gallery=15 viewer=galleria ]
jQuery lightBox によるイメージギャラリーの例
[mylightbox ngg_gallery=17 viewer=lightbox thumb_class=”filmstrip-real” ]
#01
Fenway Park, Boston
#02
鳥海山外輪山コース
#03
旭岳夫婦池
#04
三浦海岸
#05
丹沢湖を望む
#06
シロヤシオ(五葉躑躅)
#07
富士山中央火口
Highslide JS によるイメージギャラリーの例
[mylightbox ngg_gallery=10 viewer=highslide thumb_class=”kodachrome” ]
#01
高尾山
#02
城山の頂上
#03
姫次
#04
犬越路
#05
西丹沢自然教室
#06
山中湖
#07
三湖台
#08
富士山
#09
本栖湖
#10
朝霧高原
#11
六地蔵さん
#12
田代峠
おまけの EXIF 簡易タグダンプ機能
[mylightbox ngg_gallery=18 viewer=exifviewer ]
#01
FileName : shukutsuarea.jpg
FileDateTime : 1596633039
FileSize : 66198
FileType : 2
MimeType : image/jpeg
SectionsFound : ANY_TAG, IFD0, THUMBNAIL, EXIF
COMPUTED : ( [ html => w ], [ Height => ], [ Width => ], [ IsColor => ], [ ByteOrderMotorola => 0 [Little Endian] ], [ CCDWidth => ], [ ApertureFNumber => f ], [ Copyright => ], [ Thumbnail.FileType => ], [ Thumbnail.MimeType => i ] )
Make : FUJIFILM
Model : FinePix F401
Orientation : 1 [Normal]
XResolution : 72.00
YResolution : 72.00
ResolutionUnit : 2 [inch]
Software : Adobe Photoshop CS3 Macintosh
DateTime : 2007:11:28 01:17:09
YCbCrPositioning : 2 [Co-sited]
Copyright :
Exif_IFD_Pointer : 244
THUMBNAIL : ( [ Compression => 0 [ (Unknown) ] ], [ XResolution => 0.00 ], [ YResolution => 0.00 ], [ ResolutionUnit => 0 [ (Unknown) ] ], [ JPEGInterchangeFormat => 0 ], [ JPEGInterchangeFormatLength => 0 ] )
ExposureTime : 1/300
FNumber : 7.0
ExposureProgram : 2 [Normal]
ISOSpeedRatings : 200
ExifVersion : 0220
DateTimeOriginal : 2002:10:13 13:04:37
DateTimeDigitized : 2002:10:13 13:04:37
ComponentsConfiguration : 0 (Invalid)
CompressedBitsPerPixel : 2
ShutterSpeedValue : 8.2
ApertureValue : 5.6
BrightnessValue : 7.8
ExposureBiasValue : +0.00
MaxApertureValue : 3.0
MeteringMode : 5 [Pattern]
LightSource : 0 [Unknown]
Flash : 24 [Flash did not fire, auto mode]
FocalLength : 5.7
FlashPixVersion : 0100
ColorSpace : 65535 [Uncalibrated]
ExifImageWidth : 400
ExifImageLength : 300
FocalPlaneXResolution : 3019.0
FocalPlaneYResolution : 3019.0
FocalPlaneResolutionUnit : 3 [cm]
SensingMethod : 2 [1 Color Area]
FileSource : 0 [Others]
SceneType : 0 [ (Unknown) ]
ExposureMode : 0 [Auto]
WhiteBalance : 0 [Auto]
SceneCaptureType : 0 [Standard]
Sharpness : 0 [Normal]
SubjectDistanceRange : 0 [Unknown]
#02
FileName : photo13227.jpg
FileDateTime : 1596633039
FileSize : 80895
FileType : 2
MimeType : image/jpeg
SectionsFound : ANY_TAG, IFD0, EXIF, GPS
COMPUTED : ( [ html => w ], [ Height => ], [ Width => ], [ IsColor => ], [ ByteOrderMotorola => 0 [Little Endian] ], [ ApertureFNumber => f ], [ UserComment => ], [ UserCommentEncoding => Unknown : [0] ], [ Copyright => ( ] )
Make : RICOH
Model : GR Digital
Orientation : 1 [Normal]
XResolution : 72.00
YResolution : 72.00
ResolutionUnit : 2 [inch]
Software : Pixelmator 1.5
DateTime : 2010-03-22 20:31:26 +0900
WhitePoint : Unknown : [139]
PrimaryChromaticities : Unknown : [10]
Copyright : (C) by GR Digital User
Exif_IFD_Pointer : 345
GPS_IFD_Pointer : 1039
ExposureTime : 1/640
FNumber : 6.3
ExposureProgram : 2 [Normal]
ISOSpeedRatings : 64
ExifVersion : 0221
DateTimeOriginal : 2010:03:14 14:55:59
DateTimeDigitized : 2010:03:14 14:55:59
CompressedBitsPerPixel : 3
ApertureValue : 5.2
BrightnessValue : 7.6
ExposureBiasValue : -0.70
MaxApertureValue : 2.4
MeteringMode : 5 [Pattern]
LightSource : 0 [Unknown]
Flash : 16 [Flash did not fire, compulsory flash mode]
FocalLength : 5.9
UserComment : QVNDSUkAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
FlashPixVersion : 0100
ColorSpace : 1 [sRGB]
ExifImageWidth : 544
ExifImageLength : 408
ExposureMode : 0 [Auto]
WhiteBalance : 0 [Auto]
SceneCaptureType : 0 [Standard]
Sharpness : 0 [Normal]
UndefinedTag:0xA500 : Unknown : [B]
GPSVersion : 0.0.0.0
GPSLatitudeRef : 0 [N]
GPSLatitude : 35 24 30.00
GPSLongitudeRef : 0 [E]
GPSLongitude : 138 34 39.60
GPSAltitudeRef : 0 [ ]
GPSAltitude : 874
GPSMapDatum : WGS-84
#03
FileName : img_0056.jpg
FileDateTime : 1596633039
FileSize : 55804
FileType : 2
MimeType : image/jpeg
SectionsFound : ANY_TAG, IFD0, EXIF, GPS
COMPUTED : ( [ html => w ], [ Height => ], [ Width => ], [ IsColor => ], [ ByteOrderMotorola => 0 [Little Endian] ], [ CCDWidth => ], [ ApertureFNumber => f ] )
Make : Canon
Model : Canon EOS Kiss Digital N
Orientation : 1 [Normal]
XResolution : 72.00
YResolution : 72.00
ResolutionUnit : 2 [inch]
Software : Pixelmator 1.6
DateTime : 2010-09-30 20:23:37 +0900
HostComputer : Mac OS X 10.6.4
Exif_IFD_Pointer : 252
GPS_IFD_Pointer : 650
ExposureTime : 1/30
FNumber : 5.6
ExposureProgram : 8 [Landscape]
ISOSpeedRatings : 125
ExifVersion : 0220
DateTimeOriginal : 2010:09:29 14:48:21
DateTimeDigitized : 2010:09:29 14:48:21
ShutterSpeedValue : 4.9
ApertureValue : 5.0
ExposureBiasValue : +0.00
MeteringMode : 5 [Pattern]
Flash : 16 [Flash did not fire, compulsory flash mode]
FocalLength : 18.0
FlashPixVersion : 0100
ColorSpace : 1 [sRGB]
ExifImageWidth : 320
ExifImageLength : 213
FocalPlaneXResolution : 3954.2
FocalPlaneYResolution : 3958.8
FocalPlaneResolutionUnit : 2 [inch]
CustomRendered : 0 [Normal]
ExposureMode : 0 [Auto]
WhiteBalance : 0 [Auto]
SceneCaptureType : 0 [Standard]
GPSVersion : 0.0.0.0
GPSLatitudeRef : 0 [N]
GPSLatitude : 35 19 37.51
GPSLongitudeRef : 0 [E]
GPSLongitude : 139 35 26.51
GPSAltitudeRef : 0 [ ]
GPSAltitude : 92
GPSMapDatum : WGS-84
本文中にHTMLタグを直接記述してビューワを起動
<a href=”https://y2lab.org/blog/wp-content/uploads/2011/11/photo12277.jpg” rel=”lightbox” >
<a href=”https://y2lab.org/blog/wp-content/uploads/2011/11/P1020142.jpg” class=”highslide” onclick=”return hs.expand(this)” >
jQuery lightBox で表示
Highslide JS で表示