ウォンツケーキ店サイトにJQueryのlightboxを導入する

1)head内に、lightbox用のjsファイルと、cssファイルのリンク、そして以下のjavascriptを挿入します。

    <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" />
     <script type="text/javascript">
    $(function() {
        $('a.lightbox').lightBox();
    });
    </script>

2)jquery.lightbox-0.5.jsをjsフォルダに、jquery.lightbox-0.5.cssをcssフォルダに格納します。

3)lightboxを表示させたいアンカーリンクにclass="lightbox"を指定します。
ここでは、「大きな写真を見る」のイメージを囲んでいるアンカータグに指定します。

4)lightboxが生成された時に必要な画像パーツをimagesフォルダの中に格納します。

5)ローカルでクロスブラウザで動作確認します。

6)UPロードしたら再度クロスブラウザで確認します。