2012-10-18 2 views
1

나는 라이트 박스 대안으로 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> 

바디 :

<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> 
+0

여기에 코드를 게시 할 수 있습니까? 링크가 끊어지면 질문이 적합하지 않게됩니다. – SomeKittens

답변

1

라인 (19)은 HTML 페이지, 당신은

$(document).ready(function() { 

하지만 당신이

당신은 이런 코드를 가지고 있어야 닫지 마십시오 :

당신은 예를 들어 불을 지르고 콘솔에서 오류를 보았을 것
$(document).ready(function() { 
    // Change title type, overlay closing speed 
    $(".fancybox").fancybox(); 
}); 

.

+0

코드를 업데이트했습니다. 아아, 문제의 해결책이 아닙니다. @Bixi – purplizer

+0

방화 광을 설치하고 콘솔을 확인해야합니다. 이제 다른 오류가 발생합니다 : 'TypeError : $ (". fancybox"). fancybox가 아닙니다. 함수' –

+0

check http://stackoverflow.com/questions/3992054/fancybox-is-not-a-function jquery lib를 두 번로드합니다 (fancybox를로드하기 전에 한 번, = kaboom을 한 번). –