0

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 属性を確認してください。これらはルートを指しているため、最初のスラッシュ / を削除する必要があります。

<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

aタグに class="fancybox" を追加します。このような：

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

$('.fancybox')を使用しているため、jQuery は fancybox クラスを検索します。

于 2013-01-14T22:59:02.077 に答える