Question

我正在使用fancybox插件http://fancybox.net

我正在尝试更改文档中详细说明的叠加层选项，但无论我更改什么，叠加层选项仍为默认值。

这就是我所拥有的：

<!-- header -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

 <script type="text/javascript" src="/net/js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>

 <script type="text/javascript">

    $(document).ready(function(){

        $("#fancybox_trigger").fancybox().trigger('click');

        $("a#fancybox_trigger").fancybox({

            'overlayShow':  true,
            'overlayOpacity': 0.5,
            'overlayColor': '#000',
            'height': 557,
            'width': 785,
            'scrolling': 'no'
        });

    });

</script>

<link rel="stylesheet" href="/net/js/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />

    <!-- body -->

    <div style="display:none">


    <div id="fancybox_wrapper">
        <h2>Pakistan flood appeal</h2>
        <hr />
        <div id="fancybox_content">
            <div id="fancybox_content_text">
                <p>More than 1400 people in Pakistan have been killed and millions left homeless as a result of flash floods and landslides caused by torrential monsoon rains. To help support the people who have been affected please visit:</p>

                <p><a href="http://www.savethechildren.org">www.savethechildren.org</a></p>

            </div>
        </div>
    </div>

</div>

    <!-- further down the page -->

    <a href="#fancybox_wrapper" id="fancybox_trigger"></a>

任何帮助都会得到大量的赞赏。

Answer 1

找出问题所在。

我两次声明了fancybox插件，删除了第二个实例并在第一个实例中放置了选项。

现在有效。

Fancybox插件 - 叠加选项问题

1 个答案: