Fancybox圖像在新窗口中打開/選項卡

我一直在試用Fancybox作爲燈箱的替代品。但是，我似乎無法使其發揮作用。我的圖像總是在新的選項卡/窗口而不是燈箱中打開。我用自己的代碼和原始代碼對它進行了測試。Fancybox圖像在新窗口中打開/選項卡

自己的代碼：http://www.demoeial.be/devversion/artikels/10369/Studentenraad-van-Louvain-la-Neuve-sluit-zich-weer-aan-bij-de-FEF.dhtml

原始代碼：http://www.demoeial.be/devversion/fancybox/test.php

任何想法？我曾嘗試添加/刪除可能會干擾的代碼，但我無法使其工作。

代碼

頭：

<script type="text/javascript" src="http://www.demoeial.be/devversion/js/jquery.min.js"></script> 
<script type="text/javascript" src="http://www.demoeial.be/devversion/js/jquery.mousewheel-3.0.6.pack.js"></script> 
<script type="text/javascript" src="http://www.demoeial.be/devversion/js/fancybox/jquery.fancybox.js?v=2.1.1"></script> 
<link rel="stylesheet" type="text/css" href="http://www.demoeial.be/devversion/css/fancybox/jquery.fancybox.css?v=2.1.1" media="screen" /> 


<script type="text/javascript"> 
    $(document).ready(function() { 
     /* 

     /* 
     * Different effects 
     */ 

     // Change title type, overlay closing speed 
     $(".fancybox").fancybox(); 
     } 
</script>

身體：你的HTML頁面的

<div id='article'><div id='articletitle'>Studentenraad van Louvain-la-Neuve sluit zich weer aan bij de FEF</div> 
        <div class='publication_date'>Artikel gepubliceerd op 18 Oktober 2012 om 12:57</div><div id='sidebarpics'><a class='fancybox' href='http://media.demoeial.be/photos/2012/10/10369_509_xl.jpg' title='' rel='fancybox' ><img src='http://media.demoeial.be/photos/2012/10/10369_509_side.jpg' width='280' alt='' /></a><div class='imagedescription_side'></div></div>

來源

2012-10-18 purplizer

你可以在這裏發佈你的代碼嗎？如果鏈接消失，問題將變得無關緊要。 – SomeKittens

線19，你打開一個

$(document).ready(function() {

但你不要關閉它

你應該有這樣的代碼：

$(document).ready(function() { 
    // Change title type, overlay closing speed 
    $(".fancybox").fancybox(); 
});

你會看到在例如Firebug控制檯的錯誤。

來源

2012-10-18 19:34:51

更新了代碼，唉，不是解決問題的方法@Bixi – purplizer

你應該安裝螢火蟲並檢查控制檯...現在你有另一個錯誤：'TypeError：$（「。fancybox」）。fancybox不是一個函數' –

檢查http://stackoverflow.com/questions/3992054/fancybox-is-not-a-function你正在加載jquery lib兩次（一次加載fancybox和一次後= kaboom） –

Fancybox圖像在新窗口中打開/選項卡

回答

相關問題