ライトボックス

Lightbox の設置方法
1.http://lokeshdhakar.com/projects/lightbox2/
からダウンロード
2.解凍し、「css」「js」「img」の3つ
のフォルダをサイトのフォルダへ
3.適用するhtmlファイルのheadに
以下の文を追加する。
<link href="css/lightbox.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script src="js/lightbox.min.js" type="text/javascript"></script>
4.適用する画像のimgタグをaタグで囲み、
aタグには以下の記載をする。
<a href= 拡大画像の相対パス rel= lightbox[ グループ名 ] >
[ グループ名 ] は省略化。付けた場合、グループ内の
画像を順次表示できる。