由于固定的导航，在fancybox的顶部和底部添加了页边距

Question

I've added a margin to the top and bottom of my fancybox images, due to the fact I have a fixed nav bar at the top of my page, using the code I found in this question . I have added this to my jQuery like it said:

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

Below this:

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

    });
    </script>

The problem is that when clicking a single image it works the way I want (sits over top of the navigation), but navigating through the images, the next ones which are tall (portrait oriented) sit behind the nav again. I've tried increasing the top margin value but nothing changes.

This is the page with fancybox on it: http://pacificdesignacademy.com/gallerygd.php

Am I doing something wrong here? Any suggestions are much appreciated. Thanks!

Answer 1

Change this

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

by this

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

NOTE : your API options are obsolete (v1.3.4) check the documentation for the right options of the version you are using