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自動彈出

回答

相關問題