jquery - Fancybox 自动弹出

Question

我从网上下载了 Fancybox 并正在研究它。

<script type="text/javascript">
    $(document).ready(function() {
        /*
         *  Simple image gallery. Uses default settings
         */

        $('.fancybox').fancybox();

        $("#fancybox-manual-b").click(function() {
            $.fancybox.open({
                href : 'contact.php',
                type : 'iframe',
                padding : 5
            });
        });

    });
</script>
<style type="text/css">
    .fancybox-custom .fancybox-skin {
        box-shadow: 0 0 50px #222;
    }
</style>

    <a class="fancybox fancybox.iframe" href="contact.php">Subscribe</a>

当您单击链接时它运行良好。 但是现在我需要它在有人登录主页时自动弹出。 谁能帮忙解决一下

Answer 1

Fancybox 不直接支持自动启动的方式。我能够开始工作的工作是创建一个隐藏的 anchor 标记并触发它的 onclick 事件。确保在包含 jquery 和 fancybox js 文件之后包含触发 onclick 事件的调用。我使用的代码如下:

此示例脚本直接嵌入到 html 中，但也可以包含在 js 文件中。

<script type="text/javascript">
    $(document).ready(function() {
        $("#hidden_link").fancybox().trigger('click');
    });
</script>

边框颜色

我个人是从 fancybox 的 css 文件做的，你应该寻找

#fancybox-content

和

.fancybox-outer

并根据您的需要更改它的背景颜色或边框颜色。

希望它对你有用。