クールな画像表示の演出者 Lightbox JS
ローディングアニメーションがまるでFlashような感覚。
どうやらjavascriptで実現しているようです。
いつも拝見している Tociyuki::Diary さんで紹介されていたので、
早速トライしてみました。
使用方法はとても簡単です。
●その一
Lightbox JSのサイトから必要なファイルをダウンロード。
1. lightbox.css（スタイルシート）
2. lightbox.js（プログラム本体）
3. loading.gif（ローディングアニメーション）
4. overlay.png（背景用画像）
5. close.gif（クローズボタン用画像）
●その二
該当するHTML内のヘッダーパートに
<script type="text/javascript" src=".....lightbox.js"></script>
<link rel="stylesheet" href=".....lightbox.css" type="text/css" media="screen" />
を挿入（.....は、アップロードする場所のパス）。
●その三
該当するリンクに rel="lightbox" を追加。
例：変更前
<a href="/images/sample_l.jpg"><img src="/images/sample_s.jpg"></a>
例：変更後
<a href="/images/sample_l.jpg" rel="lightbox"><img src="/images/sample_s.jpg"></a>
あとは、上記のファイルをアップロードするのみ。
詳細は、Tociyuki::Diary、Lightbox JSに詳しく書かれています。
ただ、このシステムをブログ（MovableType）で使う場合、
問題があるようです。
サイトで調べてみると、解決策がありました。
小粋空間：Lightbox JS の Movable Type での不具合を修正する
このサイトにもいつもお世話になっています。
またまた、助けて頂きました。感謝！