Question

我在我的fancybox图片的顶部和底部添加了一个边距，因为我在页面顶部有一个固定的导航栏，使用我在this question中找到的代码。我已将它添加到我的jQuery中，就像它说：

<script type="text/javascript">
    $("a.fancybox").fancybox({
    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>

问题在于，当单击一个图像时，它按照我想要的方式工作（位于导航顶部），但是在图像中导航，下一个高（面向纵向）的图像再次位于导航后面。我已经尝试增加最高保证金价值，但没有任何变化。

这是包含fancybox的页面：http://pacificdesignacademy.com/gallerygd.php

我在这里做错了吗？任何建议都非常感谢。谢谢！

Answer 1

更改此

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

由此

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

注意：您的API选项已过时（v1.3.4）请检查documentation以获取您正在使用的版本的正确选项

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

1 个答案: