覚書：モブログの画像をクリックでポップアップ

モブログがらみのエントリーに質問が来ていたのでコメントにて対応したんですが、参考にしたリンク先がリンク切れとなっていたようなので、覚書として実施内容をエントリーあげしときます。

■リンク先だったサイト
Magic White さん：サイト再構築により以前のエントリー、リンク切れ。
Unmovabletype さん：サイト閉鎖に伴い、リンク切れ。

内容は、モブログ部分の画像がサイドバーの横幅で制限されてしまうので、サムネイル表示にしてクリックで別窓表示になるようにする方法です。

dh’s memoranda さんの moblog.uva.ne.jp – moblog mail gateway を利用していることが前提となります。

以下、その方法。

moblog.uva.ne.jpへログインし、Moblog Setting 内の image template に下記のように設定。

<a href=\"%(imageurl)s\" onclick=\"window.open(‘%(imageurl)s’,’popup’,’width=240,height=320,
scrollbars=no,resizable=no,toolbar=no,
directories=no,location=no,menubar=no,status=no,left=100,top=100′);
return false\"><img src=\"%(imageurl)s\" class=\"photo\" height=\"160\" width=\"120\" align=\"top\" border=\"1\"alt=\"blog-photo\" /></a>

意味は、元の画像サイズが240×320で、エントリーに表示される画像が160×120。そいつをクリックするとポップアップで元サイズで画像が開くということです。