Lightbox JS

本館の写真集ページ「鎌倉雪景色2006年1月22日」で、年末年始にはてブで注目されていた Lightbox JS を使ってみました。
http://www.huddletogether.com/projects/lightbox/
いい感じです。
使うのはあっけないほど簡単。
上の Lightbox JS のページの末尾に置いてあるダウンロードのリンクから 5 つのファイルをゲットして、使いたいウェブページと同階層に配置します。
そして、サムネールをレイアウト済みのウェブページのヘッダ要素に script 要素と link 要素を追加して、サムネールを囲んでいる a 要素に@rel="lightbox"を追加してサーバにアップロードするだけでした。作業時間、ほんの 1 分!

<script type="text/javascript" src="lightbox.js"></script>
<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />

<a href="p/PICT0037.jpg" rel="lightbox">
<img src="t/PICT0037.jpg" alt="PICT0037.jpg" width="128" height="85" />
</a>