Light plugin (写真をキレイに拡大する)
1、まずは「jQueryのLight plugin」をダウンロード
2、ファイルを解凍して、「js」、「css」、「images」フォルダをアップロード
3、head内に以下のソースを記入する
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
4、拡大したい画像を「id="gallery"」で囲む
<div id="gallery">
<img src="images/sample.jpg">
</div>
5、拡大した後の画像をリンクさせる
<div id="gallery">
<a href="images/sample_zoom.jpg">
<img src="images/sample.jpg">
</a>
</div>
追記
「$('#gallery a').lightBox(); 」とid="gallery"の名前を同じにすれば、
どんな名前でも実行できます!