マカー日記

http://www.huddletogether.com/projects/lightbox2/よりダウンロードしつつ、サーバにftpで接続。

解凍した後、imagesにあるgifファイルを、サーバ側へアップロード。
まんまimagesにあげるのもアレなので、imagesの下にlightboxディレクトリを作って入れた。
つまり、
> cd /path/to/MT/htdocs/images/
> mkdir lightbox
> cd lightbox
> lcd /path/to/download/file/images/
> mput *.gif
ってな感じになるとおもふ。

で、ダウンロードしたファイル群にあるcss/lightbox.cssを編集
../images/で検索
http://blog.mac-server.com/images/lightbox/で置換（各自のサイトに合わせて書き換えて）。
そしてサーバにアップロード。
> cd /path/to/MT/htdocs/
> mkdir css
> lcd /path/to/download/file/css/
> put lightbox.css

次にダウンロードしたファイル群にあるjs/lightbox.jsを編集
images/で検索
http://blog.mac-server.com/images/lightbox/で置換（各自のサイトに合わせて書き換えて）。
そしてサーバにアップロード。
> cd /path/to/MT/htdocs/js/
> mkdir lightbox
> lcd /path/to/download/file/js/
> mput *.js

最後にMTのテンプレをいじる。
いじったのは、メインページ (index.html)とアーカイブの全部。
全ファイル共通で、〜内に以下を追記。
<link rel="stylesheet" href="<$MTBlogURL$>css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="<$MTBlogURL$>js/lightbox/prototype.js"></script> <script type="text/javascript" src="<$MTBlogURL$>js/lightbox/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="<$MTBlogURL$>js/lightbox/lightbox.js"></script> <$MTBlogURL$>以下のパスは各自の環境にあわせてね。
以上で全部再構築。

確認します。
新規エントリーを作成して、なんか適当に画像をアップロード。
アップロード時に、
HTMLを表示のラジオボタンをチェック。
サムネイルは有っても無くてもいいです。
ファイルの表示方法は埋め込みで。

で、出てきたhtmlタグの
<a href="path/to/image.jpg">
を
<a href="path/to/image.jpg" rel="lightbox" title="画像下に出るコメント">
と書き換えて保存。確認してみてください。

うまく行かない場合は、FirefoxのエラーコンソールでJSのエラー確認、
Safariの構成ファイル一覧でcssやjsのリンクミスを探してみてください。

訂正：「全ファイル共通で、〜内に以下を追記。」で、
<link rel="stylesheet" href=""<$MTBlogURL$>css/lightbox.css" type="text/css" media="screen" />
が抜けていました。すいませんすいませんすいません、k○tさん指摘ありがとうございます。