日記に写真をぺかぺか貼り付けるのに役立つMovableType用プラグイン PhotoDiaryPluginを久々に更新しました。
▼ダウンロード
PhotoDiaryPlugin v0.3
▼Ver0.3の変更点
動作例はこんなかんじ
追記:細かい修正を加えたver0.31を明日リリースします。
詳細は後半に…
▼インストールの方法
<script language="JavaScript" src="photodiary.jsファイルのURL"></script>
<MTTRUE photoDiaryFilter="128">
<$MTEntryBody$>
</MTTRUE>
<MTTRUE photoDiaryFilter="128">
<$MTEntryMore$>
</MTTRUE>
▼秘密画像の貼り付けについて
従来想定していた用途としては、画像を適当なディレクトリに置いて<IMX 画像ファイルパス>と書けば同じ場所にサムネイルを作成してよろしくリンク生成してくれますよ、というものだったのだけれど、誰にでも見せたい写真ばかりではないわけで。顔の映ってる宴会の写真とか。
というわけで publicImageBasePath と secretImageBasePath という変数を追加しました。
例:
thumbHeader => 's_'
publicImageBasePath=> 'image/'
secretImageBasePath=> 'secretimage/'
の条件下で
<IMS 20061124/test.jpg>
とやりますと、
元画像ファイル 'secretimage/20061124/test.jpg からサムネイル 'image/20061124/s_test.jpg ', を生成して画像貼ってリンクしてくれます。
とはいえサムネイルでも結構何が写ってるかわかるものなので、ぼかし効果を入れてあります。ぼかしの強度は secretBlurLevel 変数で設定可能でデフォルトは100x10と強めになってます。おおざっぱにいって数字がでかいほど強いです。
また、通常の画像と区別がつくようにサムネイルは灰色の枠で囲む事にしました。 secretBorderSize で幅を設定できます。
▼サムネイル用ディレクトリの自動生成
サムネイルを作成する際に前もってディレクトリが存在しないと失敗する問題に対処し、自分で必要なディレクトリを掘るようにしました。
これでサムネイルをサブディレクトリに生成するなんてことも実用的に。
▼コメント文字列に対応
従来 <IMX 画像ファイル名> だった書式にコメントを追加して <IMX 画像ファイル名 コメント文字列> と表記できるようにしました。
ファイル名とのセパレータはスペースです。コメント文字はサムネイルのAlt属性に記述されます。
▼ディレクトリ全体表示のポップアップアクションが消えなかったのを改善
ファイル名ではなくディレクトリ名を指定するとフォルダ内の画像全体を列挙してjavaScriptが使える環境ではポップアップ風のエフェクトを設けていたのですが、これがマウスが離れても消えなかったのを気持ち悪いから改善。
▼リファレンス
<IMX {ファイル名|ディレクトリ名} [コメント]> サムネイルを生成し、コメントとリンクつきで表示する。
<IMP {ファイル名|ディレクトリ名} [コメント]> IMXと同様。ただしファイルパスの先頭に publicImageBasePath の設定が追加される
<IMS {ファイル名|ディレクトリ名} [コメント]> IMSと同様。ただし画像ファイルパスの先頭に secretImageBasePath の設定が追加され、またpublicImageBasePathの設定が追加された場所にサムネイルを生成する
<ISBN ISBN番号> 書店へのリンクが生成される
<ASIN Amazon.co.jpのASIN番号> Amazonへのリンクが生成される
