Fancybox自动弹出

我从网上下载Fancybox，并正在处理它。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>

它的工作很好，当你点击链接。但是现在我需要它在有人登录到主页时自动弹出。任何人都可以帮助解决方案

来源

2013-04-23 Abhishek D

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-

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

希望它适合你。

来源

2013-04-23 09:52:51 Rahul

一个锚标记谢谢Rahul :) – 2013-04-23 17:36:17

如果你有任何想法，怎么可能使边框颜色改变？ threadless.com。选中此项并在colorbox主页中查看订阅表单。 – 2013-04-23 17:49:52

查看我更新的边框颜色答案。 – Rahul 2013-04-24 04:34:19

此代码运行良好。我已经测试它自己

<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-23 10:47:26 Aditya

谢谢Aditya :) – 2013-04-23 17:35:26

<script type="text/javascript"> 
    $(document).ready(function() { 

     $.fancybox.open('#id'); 
    }); 
</script>

来源

2013-11-17 18:21:44 Kriss

Fancybox自动弹出

回答

相关问题