Fancybox不在彈出窗口中顯示圖像

Question

我正在嘗試使用Fancybox彈出顯示圖像。 但是，當我單擊圖像時，它只會在同一窗口中打開圖像。 我從http://fancyapps.com/fancybox/下載了Fancybox文件夾。 我正在使用demo / lib / source文件夾到此文件夾中。

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<script type="text/javascript">
$(document).ready(function() {
/* This is basic - uses default settings */

$("a#single_image").fancybox();

/* Using custom settings */

$("a#inline").fancybox({
    'hideOnContentClick': true
});

/* Apply fancybox to multiple items */

$("a.group").fancybox({
    'transitionIn'  :   'elastic',
    'transitionOut' :   'elastic',
    'speedIn'       :   600, 
    'speedOut'      :   200, 
    'overlayShow'   :   false
});
});
</script>

<a id="single_image" href="demo/1_s.jpg"><img src="demo/1_b.jpg" alt=""/></a>

Answer 1

只需刪除源路徑前面的正斜杠（/）

<script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.easing-1.4.pack.js"></script>
<script type="text/javascript" src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

Answer 2

您的代碼從根本上沒有錯，我已經對其進行了測試，並且可以正常工作。

確保腳本路徑正確（ /fancybox/jquery.fancybox-1.3.4.pack.js ）。

您網頁的網址是什么？