2

我从网上下载了 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>

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

4

3 回答 3

6

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

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

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

边框颜色

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

#fancybox-内容

和

.fancybox-outer

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

希望对你有效。

于 2013-04-23T09:52:51.807 回答
1

这段代码运行良好。我自己测试过

<script type="text/javascript">
    $(document).ready(function() {
$.fancybox({
                        'width': '40%',
                        'height': '40%',
                        'autoScale': true,
                        'transitionIn': 'fade',
                        'transitionOut': 'fade',
                        'type': 'iframe',
                        'href': 'http://www.example.com'
                    });
 });

注意：我已经用 2.1.4 版本测试过你也可以试试这个

$(document).ready(function() {
             $("#fancybox-manual-a").trigger('click');
            });

有一个带有 id 的锚标签fancybox-manual-a

于 2013-04-23T10:47:26.040 回答
0 
<script type="text/javascript">
    $(document).ready(function() {

        $.fancybox.open('#id');
    });
</script>
于 2013-11-17T18:21:44.907 回答