いろいろと問題はありそうな予感はするが、とりあえず今までのlivedoorの画像の場合はサムネイルから画像への直接リンクでしかなく、画像を直接ブラウザで開くと言うのはあまり好きじゃないので、Thickboxを導入してみる。
設置方法としてはhead内にJavaScriptおよびCSSの呼び出しを行う。
<script type="text/javascript" src="http://parts.blog.livedoor.jp/js/jquery.js"></script>
<script type="text/javascript" src="http://blog.livedoor.jp/tani_masaru/js/thickbox.js"></script>
<link rel="stylesheet" href="http://blog.livedoor.jp/tani_masaru/css/thickbox.css" type="text/css" media="screen" />サンプルソース
<a href="http://livedoor.blogimg.jp/tani_masaru/imgs/a/b/ab7943f2.JPG" " class="thickbox" title="カワイイ娘の寝顔..."><img src="http://livedoor.blogimg.jp/tani_masaru/imgs/a/b/ab7943f2-s.JPG?160120" width="160" height="120" border="0" alt="ab7943f2.JPG" hspace="5" class="pict" align="left" /></a>
使い方としてはimgタグを囲むaタグの中でtitleにキャプションを、classにthickboxを指定するだけ。これぐらいのclassはlivedoor側で用意しておいてほしいですね。
