0

我使用我在这个问题中找到的代码，在我的花式框图像的顶部和底部添加了一个边距，因为我在页面顶部有一个固定的导航栏。我已将其添加到我的 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

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

4

1 回答 1

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）检查文档以获取您正在使用的版本的正确选项

于 2013-09-03T04:24:04.657 回答