Lightbox JS

小粋空間: Lightbox JS で画像を表示するを参考にして、流行り?のLightboxを某会のtDiaryに適用してみた。

LightboxJSの後のバージョンとして、Lightbox v2.0とか、lightbox 1.0とややこしい名前のものも公開されてるけど、一番設置が楽なのがこれだったので選択。

add_header_proc do
   %Q|t<script type="text/javascript" src="__path__/lightbox.js"></script>n
t<link rel="stylesheet" href="__path__/lightbox.css" type="text/css">n|
end

とだけ書いたプラグイン?をlightbox-header.rbなどとして、有効にして、本文に手で書く(edit_helper.rbで入力補助を追加)

<a href="__path__/hogehoge.jpg" rel="lightbox">
<img src="__path__/thumbnail.jpg" alt="…" ></a>

IEだと、背景が暗めの透過にならなかったけどちゃんと表示されてたのでまあいいか、、だけどもFirefoxではちゃんと機能していた

某会のやつには、iGalで作ったサムネイルがあったので、いちいちサムネイル画像を作らなくて済んだ

タイトルとURLをコピーしました