고정 탐색으로 인해 팬시 상자의 위아래에 여백 추가

Question

내 페이지 상단에 고정 된 탐색 모음이 있기 때문에 fancybox 이미지의 위와 아래에 여백을 추가했습니다. 코드 this question에서 찾았습니다. 이 아래

<script type="text/javascript"> 
    $("a.fancybox").fancybox({ 
    margin: [120, 60, 50, 60] // top, right, bottom, left 
});</script> 

:이 말했듯이 내 jQuery를이를 추가 한

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("a.fancybox").fancybox({ 
     'transitionIn' : 'fade', 
     'transitionOut' : 'fade', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : true 
    }); 

    }); 
    </script> 

문제는 내가 원하는 방식으로 작동 하나의 이미지를 클릭하면 (탐색의 맨 위에 앉아 있다는 것입니다), 그러나 이미지를 탐색하면서 키가 큰 다음 사진 (세로 방향)은 다시 nav 뒤에 앉습니다. 나는 여백 값을 늘리려고 시도했지만 아무 것도 바뀌지 않습니다. http://pacificdesignacademy.com/gallerygd.php

내가 잘못 여기서 뭔가를하고 있습니까 :

이 그것에 fancybox있는 페이지는? 어떤 제안이라도 대단히 감사합니다. 감사!

Answer 1

변경이

<script type="text/javascript"> 
$(document).ready(function() { 
    $("a.fancybox").fancybox({ 
     'transitionIn': 'fade', 
     'transitionOut': 'fade', 
     'speedIn': 600, 
     'speedOut': 200, 
     'overlayShow': true, 
     margin: [120, 60, 50, 60] // top, right, bottom, left 
    }); 
}); 
</script> 

참고하여이

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("a.fancybox").fancybox({ 
     'transitionIn' : 'fade', 
     'transitionOut' : 'fade', 
     'speedIn'  : 600, 
     'speedOut'  : 200, 
     'overlayShow' : true 
    }); 

    }); 
    </script> 
    <script type="text/javascript"> 
    $("a.fancybox").fancybox({ 
    margin: [120, 60, 50, 60] // top, right, bottom, left 
});</script> 

: 당신의 API 옵션이 사용되지 않는 (v1.3.4) 당신이

을 사용하고있는 버전의 오른쪽 옵션의 documentation을 확인