0

我无法让 Fancybox 工作。我已经阅读了 fancybox 网站上的说明一百万次，但它根本不起作用。我的图像加载就像没有fancybox一样。这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script type="text/javascript" src="/fancybox/jquery.fancybox.pack.js"></script>
  <link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
  <script type="text/javascript">
    $(document).ready(function() {
    $(".fancybox").fancybox();
    });
  </script>
</head>

<body>
    <a href="img/test.jpg"><img src="img/test.jpg" /></a>
</body>
</html>
4

2 回答 2

0

检查 fancybox href 属性和 src 属性它们指向 root 所以你需要删除第一个斜杠 /

<script type="text/javascript" src="fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" type="text/css" media="screen" />
于 2013-01-14T22:58:29.237 回答
0

将 class="fancybox" 添加到a标签。像这样：

<a href="img/test.jpg" class="fancybox"><img src="img/test.jpg" /></a>

您正在使用$('.fancybox')，这使 jQuery 寻找 fancybox 类。

于 2013-01-14T22:59:02.077 回答