jQuery lightBox plugin - jQueryで動作するlightbox

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

<a href="image1.jpg" rel="lightbox"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>

<script type="text/javascript">
$(function() {
    $('a[@rel*=lightbox]').lightBox(); // 例１：rel属性にlightboxのあるリンクを対象とする
});
</script>

<div id="gallery">
    <a href="image1.jpg"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>
    <a href="image2.jpg"><img src="thumb_image2.jpg" width="72" height="72" alt="" /></a>
</div>

<script type="text/javascript">
$(function() {
    $('#gallery a').lightBox(); // 例２：ギャラリーIDの"gallery"に含まれるリンクを対象とする
});
</script>

<a href="image1.jpg" class="lightbox"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>

<script type="text/javascript">
$(function() {
    $('a.lightbox').lightBox(); // 例３：class="lightbox"のリンクを対象とする
});
</script>

<a href="image1.jpg"><img src="thumb_image1.jpg" width="72" height="72" alt="" /></a>
<a href="image2.jpg"><img src="thumb_image2.jpg" width="72" height="72" alt="" /></a>

<script type="text/javascript">
$(function() {
    $('a').lightBox(); // 例４：Webページにあるすべてのリンクを対象とする
});
</script>