以前から気になっていた、「Lightbox2」を導入してみました。
以下、メモ。
DLしたファイルをアップロード。(「lightbox」ディレクトリを作成)
MT4のテンプレートを開いてヘッダー部分に、
<link rel="stylesheet" href="<$mt:BlogURL$>lightbox/css/lightbox.css" type="text/css" media="screen" />
を追加。
メインページやブログ記事、カテゴリ、月別記事の</body>タグの直前に、
<script type="text/javascript" src="<$mt:BlogURL$>lightbox/js/prototype.js"></script>
<script type="text/javascript" src="<$mt:BlogURL$>lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="<$mt:BlogURL$>lightbox/js/lightbox.js"></script>
上記の記述をヘッダー部分に追加すると、v2.04の場合は「インターネットサイトを開けません 操作は中断されました」といったメッセージが表示されて、、何かと面倒になるようです。(すでに5回ほど経験、、)
写真をアップしたあとに記事内タグを<a href="○○.jpg" rel="lightbox"><img src="●●.jpg"></a>のように、
rel="lightbox"を追加。
そのつどrel="lightbox"を入力するのが面倒なので(忘れそうなので)、
/lib/MT/Asset/Image.pmファイルの334行目の、
<a href="%s">を
<a href="%s" rel="lightbox">に変更し、再アップロード。
その後再構築。
以上で、記事内の写真をクリックすると今の画面上で拡大写真を見ることができるようになりました。





