2012-03-30 2 views
1

이것은 모두 작동하기 전에 갑자기 작동이 멈췄으며, 내가 잘못했는지 파악할 수 없습니다. fancybox가 열려있을 때 표시 할 왼쪽, 오른쪽 화살표 및 도우미 버튼 만 있으면됩니다. 어떤 도움이라도 대단히 감사합니다.은 fancybox 도우미 버튼을 표시 할 수 없습니다.

ps. 모든 파일은 정상적으로 작동했기 때문에 새 페이지를 만들었으므로 작동하지 않습니다.

<!-- Add jQuery library --> 
<script type="text/javascript" src="js/jquery-1.7.min.js"></script> 

<!-- Add mousewheel plugin (this is optional) --> 
<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script> 

<!-- Add fancyBox main JS and CSS files --> 
<script type="text/javascript" src="js/jquery.fancybox.js"></script> 
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" /> 

<!-- Add Button helper (this is optional) --> 
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons.css?v=2.0.3" /> 
<script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=2.0.3"></script> 

<!-- Add Thumbnail helper (this is optional) --> 
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbs.css?v=2.0.3" /> 
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.3"></script> 
<script> 
    /* <![CDATA[ */ 

    $(document).ready(function() { 
     $(".fancybox-buttons").fancybox({ 
     prevEffect  : 'none', 
     nextEffect  : 'none', 
     closeBtn  : false, 
     helpers  : { 
      title : { type : 'inside' }, 
      buttons : {} 
     } 
    }); 
    }); 
    /* ]]> */ 
    </script> 


<ul> 
    <li><a class="fancybox-buttons" href="img/pic1.jpg" title="my title"><img src="img/pic1.jpg" alt="" class="thumb" /></a></li> 
    <li><a class="fancybox-buttons" href="img/pic2.jpg" title="another title."><img src="img/Sociales/2008/pic2.jpg" alt="" class="thumb" /></a></li> 
</ul> 
+0

검사처럼 위에서 설명한 속성의/jquery.fancybox-buttons.css'. 브라우저에서 소스 코드를보고 fancybox 파일의 링크를 클릭하여 지정한 경로에서 파일을 가져 왔는지 확인하십시오. – JFK

+0

모든 경로는 괜찮습니다. 내가 처음으로 보았습니다. 부모님 페이지에 fancybox를 보여 주려고 할 때 전에 내가이 일을 도왔다는 것을 기억하고 있습니다. 그들은 iframe을 없애달라고 요청했습니다. 모든 것이 동일하기 때문에 부모에게 자식의 내용을 복사했지만 왜 지금은 작동하지 않습니다. – Andres

+0

링크를 공유 할 수 있습니까? – JFK

답변

2

링크를 공유해 주셔서 감사합니다.

팬시 박스 버튼 (일반적인 탐색 화살표)은 요소 갤러리를 설정 한 경우에만 표시됩니다. fancybox가 단일 요소를 열면 탐색 화살표 나 버튼이 표시되지 않습니다.

갤러리를 설정하려면 두 개 이상의 요소가 동일한 rel 속성 또는 동일한 data-fancybox-group 속성을 공유해야합니다. 데모 파일의 링크에는 해당 링크가 없습니다.

스크립트는 정확한 당신의 이미지로 설정되어있는 경로가 어쩌면이`CSS/jquery.fancybox-buttons.css`는`CSS/헬퍼해야

<a class="fancybox-buttons" rel="gallery" href="{target}"...etc 
+0

남자는 당신이 정말 생명의 은인입니다! 나는 왜 내가 전에 그것을 필요로하지 않았는지 이해하지 못한다. 그러나 감사는 많이, 매력처럼 작동한다. – Andres

관련 문제