Lightbox

General

必要に迫られて， Lightbox2 を使ってみました． 結構簡単にクールなスライドショーが作れます．



<meta http-equiv="content-type" content="text/html;charset=euc-jp"/>
<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>

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

</head>
<body>

<a href="img/1.jpg" rel="lightbox[group]">

  <img height="90" width="120" src="img/1.jpg">

</a>

<a href="img/2.jpg" rel="lightbox[group]">

  <img height="90" width="120" src="img/2.jpg">

</a>

</body>

rel="lightbox[group]" で[ ] の中身でグループ化されるらしい．
なのでここを変えることで一つのページに複数のスライドショーが作れます．