jQuery FancyBox는 모달 창이 아닌 새 탭에서 이미지를 엽니 다.

팬시 박스는 원하는대로 모달 갤러리가 아닌 새 탭에서 열립니다. 제 코드를보고 제가 잘못한 것을 도와 주시겠습니까?jQuery FancyBox는 모달 창이 아닌 새 탭에서 이미지를 엽니 다.

감사합니다. 해리. fancybox jQuery를 작동하기에 의존하기 때문에

링크

<link rel="stylesheet" href="css/jquery.fancybox.css" type="text/css" media="screen" /> 
    <script type="text/javascript" src="js/jquery.fancybox.js"></script> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 

    <link rel="stylesheet" href="js/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" /> 
    <script type="text/javascript" src="js/helpers/jquery.fancybox-buttons.js"></script> 
    <script type="text/javascript" src="js/helpers/jquery.fancybox-media.js"></script> 

    <link rel="stylesheet" href="js/helpers/jquery.fancybox-thumbs.css" media="screen" /> 
    <script type="text/javascript" src="js/helpers/jquery.fancybox-thumbs.js"></script>

HTML

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

<a class="fancybox" rel="group" href="images/one.jpg"><img src="images/one.jpg" width="200" alt="" /></a> 
<a class="fancybox" rel="group" href="images/two.jpg"><img src="images/two.jpg" width="200" alt="" /></a>

출처

2013-12-22 Harry

로 시작하려면 & 자바 스크립트, jQuery를이 fancybox 전에로드해야합니다. 따라서 스크립트의 순서를 전환해야합니다. http://fancybox.net/howto

다른 잠재적 인 오류에 대해 알아 보려면 Chrome을 사용하는 경우 콘솔을 사용하여 다양한 오류를 알리는 데 도움이됩니다 (다른 모든 브라우저는 유사한 도구를 사용할 수 있음). 하지만 개인적으로 Chrome을 선호합니다.) 도구 -> 개발자 도구에서 또는 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 '요소 검사'를 클릭하면 콘솔에 액세스 할 수 있습니다. 콘솔은 개발자 도구의 가장 오른쪽 탭입니다. 디버그에 도움이되는 다양한 오류를 알려줍니다.

희망이 있습니다.

출처

2013-12-22 13:59:33 faludi

내 경우 jquery를 버전 1.10.1로 업데이트하면

출처

2016-05-09 01:28:12

jQuery FancyBox는 모달 창이 아닌 새 탭에서 이미지를 엽니 다.

답변

관련 문제