Lightbox2.04

以前から気になっていた、「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">に変更し、再アップロード。

その後再構築。

以上で、記事内の写真をクリックすると今の画面上で拡大写真を見ることができるようになりました。

 *Welcome*
Welcome
デジカメ写真と日記。
        >>はじめに
        >>フォトログ
        >>Mail Form

カテゴリ

旧ブログ

LINK

Trackback People





PHOTO

www.flickr.com
*saya*'s items Go to *saya*'s photostream


注:音が出ます。

>>FotoPusの写真一覧

その他


フィードメーター - In today today.
SEO Stats
RSS
track feed In today today.
ブログランキング・にほんブログ村へ


Creative Commons License
このブログはクリエイティブ・コモンズでライセンスされています。
Powered by Movable Type 4.27-ja