「Lightboxが動かない!」のはでjsファイルを読み込んでいるから!

2015年6月以降のバージョンから、Lightbox2のjsファイル読み込み方法が変わったようです。

ネット検索の「lightbox 設置」などでヒットするサイトの説明が、2015年6月以前に書かれたものである場合には、説明通りに記述してもうまく動かない可能性が高いです。

ファイルの読み込みを以下のように変更してみてください。

1.cssファイルとjqueryの読み込みは<head>タグ内で

<link href="css/lightbox.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

2.lightbox.jsファイルは</body>終了タグの直前で

<script src="js/lightbox.js"></script>

これでうまく動作すると思います。

フォルダ構成や画像リンクの設置などは正しく行われていることが前提ですので、もしそれでもうまく動かない方は、以下の解説ページを参考に設置しなおしてみてください。

jQueryで画像ポップアップ表示を行うLightboxを設置する方法 (v2.8対応)