2012-02-15 95 views
1

我希望這個fancyBox在頁面加載後立即運行,而不必點擊圖像。如何在頁面加載後立即運行?

JavaScript代碼中我有:

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

    $(".fancybox").fancybox({ 

       type : 'image', 
       maxWidth : 800, 
       padding  : 0, 
       fitToView : true, 
       maxHeight : 600, 
       fitToView : false, 
       width  : '70%', 
       height : '70%', 
       autoSize : true, 
       closeClick : false, 
       nextEffect : 'none', 
       closeEffect : 'none', 
       mousewheel : true 

     }); 
     }); 
    </script> 

謝謝你們!

+0

像其他人說,你可以觸發你的fancybox選擇Click事件。你只需在fancybox函數調用的關閉''後面加'.click();'。 '$(「。fancybox」)。fancybox({})。click();' – 2012-02-15 19:33:22

回答

2

假設.fancybox是有問題,$(".fancybox").click()圖像在你的$(document).ready(function() {

+0

感謝您的快速回復:) – 2012-02-15 19:24:16

1

末從documentation

jQuery(document).ready(function() { 
    $("#your_selector").trigger('click'); 
}); 

your_selector有連接到它的fancybox,所以你的情況這將是.fancybox

0

你可以嘗試一個骯髒的黑客

$(document).ready(function() { 

    $(".fancybox").fancybox({ 

       type : 'image', 
       maxWidth : 800, 
       padding  : 0, 
       fitToView : true, 
       maxHeight : 600, 
       fitToView : false, 
       width  : '70%', 
       height : '70%', 
       autoSize : true, 
       closeClick : false, 
       nextEffect : 'none', 
       closeEffect : 'none', 
       mousewheel : true 

     }); 
$(".fancybox").click(); 
     }); 

好像其documented way

jQuery(document).ready(function() { 
    $("#your_selector").trigger('click'); 
}); 
相關問題