Lightbox JS

以前x51で使っているのを見ておっと思ってブックマしといたのを思い出したので使ってみたよ。
http://www.huddletogether.com/projects/lightbox/

つかいかた(MT編)

  1. 5つのファイルをダウンロード。
  2. index.htmlと同じ階層にlightbox.jsと画像ファイル3つをアップ。
  3. インデックステンプレートのヘッダー内に「<script type=”text/javascript” src=”lightbox.js”></script>」を追記。
  4. スタイルシートテンプレートに lightbox.css の中身をコピーして追記。
  5. 画像ファイルをアップロード。HTMLを表示・サムネイルを作る・埋め込み。
  6. 出てきたHTMLソースのaタグに rel=”lightbox” を追加。
  7. titleタグを付ければキャプションになります。
picasso.jpg

我ながらいいもの見つけました。なかなかお気に入りです。

コメントを残す