fancybox를 작동시키지 못함 - 새 창에서 열림

Question

멋진 사람이 어제 reddit에서 준 무료 템플릿에서 작동하도록 fancybox를 얻으려고했지만 많은 행운이 없습니다. 나는 HTML/CSS와 함께 괜찮지 만 Jquery에서는 그리 좋지 않다. 누군가가 올바른 방향으로 나를 가리킬 수 있다면 나는 그것을 감사 할 것입니다. 나는 fancyboxes에서 팝업 포트홀리로 심상을 얻는 것을 시도하고있다. http://jsfiddle.net/yz93H/1/ 미리 도움을 청하십시오.

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("a.fancybox").fancybox(); 
    }); 
    </script> 


    <figure class="entry web"> 
       <a class="fancybox" href="img/portfolio-image.jpg"><img src="img/portfolio-image.jpg" alt=""></a> 
      </figure> 

Answer 1

당신이 게시 한 jsfiddle 모든 상대 경로로 인해 작업을 조금 어렵습니다, 여전히, 내가 발견 한 것은 당신이 당신의 문서에 Fancybox의 자바 스크립트를 연결하지 않을 것입니다. 그것을 수정합니다

<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>` 

희망 :

같은 것을이 있어야합니다.

EDIT : 죄송합니다. 문서 끝 부분에 js를 놓칩니다. 두 번째로, 나는 당신의 문제를 발견했다. jQuery가로드 된 후 올린 스 니펫은 이되어야합니다. jQuery는 문서 끝에 만로드되므로 코드는 Object #<HTMLDocument> has no method 'ready'이됩니다.

내가 게시 한 작업 버전으로 새로운 피들을 만들었습니다. 모든 것이 CDN의 오프로드되고 난 쇼케이스 트위터의 로고를 사용했습니다 : http://jsfiddle.net/tiagoespinha/yz93H/4/

기본적으로, 당신이 필요로하는 유일한 변화는 jQuery의 스크립트 태그 다음에이

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("a.fancybox").fancybox(); 
    }); 
</script> 

을 넣어하는 것입니다.