JQuery 画像スライド

JQuery、Light-boxを使う。

画像をスライドして表示します。

▼１）ソフトダウンロード。

http://leandrovieira.com/projects/jquery/lightbox/

▼２）ヘッダーの記述を追加。

<link href="css/jquery.lightbox-0.5.css" type="text/css" rel="stylesheet" media=
"screen" />
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a[rel*=lightbox]').lightBox();
});
</script>

▼３）HTML部分を記述

<a href="img/001.jpg" rel="lightbox">画像1</a>

詳しくは、

jQuery LightBox Pluginの使い方
http://shanabrian.com/web/library/jlightbox.php