hatena blogで画像にリンク先をつける

これまで、はてなフォトライフに登録した写真を表示するために、fotolife記法を使用していた。
ブログ編集時に次のように書いていた。

[f:id:hatenadiary:20041007101545j:image]

ただ、これでは画像をクリックした時にフォトライフの画面が開いてしまうので、画像と関連したリンク先を開くような設定がないか調べた。

期待したものが見つからなかったので、ここを参考にして下記のようにして対応。
imgタグのwidth属性でサイズを指定しないと、画像がはみ出してしまうのでwidthは指定した*1。

<a href="画像をクリックした際に開く画面のリンク" class="http-image">
<img src="フォトライフへ保存されている画像のリンク" width="500" class="http-image" alt="画像をクリックした際に開く画面のリンク">
</a>

*1:width属性の指定はHTML的に任意で、これを指定すると画像を差し替えた際にHTMLの修正も生じる場合があるので、普段は指定してしないようにしている。