月曜日, 1月 09, 2006

lightbox.js - Web2.0ライクな画像サムネイル生成

これは好きなように設定してください。
必要かといわれたら、そうでもないので。

テンプレート:<head>内に
<script type="text/javascript" src="lightbox.js"></script>
※lightbox.jsはどこかに置くこと。

実際に表示する時は
<a href="images/image1.jpg" rel="lightbox"><img src="image/image1-thumb.jpg" /></a>
を書いて投稿する。
※images/image1.jpg = 表示させたい画像 / image/image1-thumb.jpg = postbody上に表示させるもの。



Lightbox JS
ここからCSSとjs、画像ファイルを持ってくる。
CSSは直接書いてもよし。
CSSをどこかに置いてテンプレートに書くときは
<link rel="stylesheet" href="ここに置いた先URLの" type="text/css" />

0 件のコメント: