Web サイト ( http://fancyapps.com/fancybox/ )にライトボックスを実装しようとしています。このコードは、index.php の head タグに含まれています。
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Add fancyBox -->
<link rel="stylesheet" href="css/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.fancybox.pack.js?v=2.1.5"></script>
そして、私はこのjavascriptを持っています。
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
私のメインページはこのように私のインデックスに含まれています
<?php include 'pages/home.php'; ?>
そして、home.php にはこのコードがあります。
<a class="fancybox" rel="group" href="images/logo.png"><h4>Title 2</h4></a>
タイトル 2 をクリックすると、正しい画像が表示された新しいタブが開きます。問題の原因について何か考えはありますか?