FancyBox를 사용하여 갤러리 만들기

하나의 이미지 만 볼 수있는 갤러리를 만들고 싶습니다. 사용자가 이미지를 클릭하면 멋진 상자 갤러리가 나타납니다. 그러나 멋진 상자 화살표/이탈 버튼이 표시되지 않습니다.FancyBox를 사용하여 갤러리 만들기

여기 내 코드입니다 :

HTML 헤더 (I 자신의 웹 사이트에서 소스 코드를 다운로드 한), 그리고 소스 코드의 링크를 클릭하면 모두 제대로 하중을한다. JQuery와 - 스크립트

<script type='text/javascript' src = 'jquery-1.11.0.min.js'> </script> 
<script type='text/javascript' src = 'jquery.fancybox.js'> </script> 
<script type='text/javascript' src = 'jquery.fancybox.pack.js'> </script> 
<link rel='stylesheet' type='text/css' href='jquery.fancybox.css' /> 
<script type='text/javascript' src = 'jquery-scripts.js'> </script>

jQuery를 : 이미지의

$(document).ready(function() { 
$(".gallery").fancybox(); 
});

HTML : 내가 잘못 뭐하는 거지

<a class="gallery" rel='g1' href="images/PastedGraphic-13.png"><img src="images/PastedGraphic-13.png" width="200px" alt=""/></a> 
    <div class = "hidden"> 
     <a class="gallery" rel='g1' href="images/PastedGraphic-2.png"><img src="images/PastedGraphic-2.png" alt=""/></a> 

     <a class="gallery" rel='g1' href="images/PastedGraphic-1.png"><img src="images/PastedGraphic-1.png" alt=""/></a> 
    </div>

? 감사합니다.

편집 : 이것은 내 디렉터리입니다. 방금 모든 것을 복사하여 붙여 넣었습니다. enter image description here