自動打開fancyBox？

我目前正在努力試圖讓fancyBox jQuery插件在我的網站的首頁加載時自動打開。我對Javascript和jQuery非常陌生，需要一些指針。自動打開fancyBox？

我在我的HEAD標記之間有下面的代碼。只是想知道是否還有別的東西我可以在這裏插入，我可以讓fancyBox在頁面加載時打開。

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

我發現的fancybox文檔中的下列API方法，是不知道這就是我正在尋找與否。我似乎無法得到它的工作。

$.fancybox.open([group], [options])

任何想法？

來源

2012-11-24 Jared Schwager

設置它像這樣...

<a id="my-custom-trigger" class="gallery" href="http://moviebuzzers.com/wp-content/uploads/2012/08/paranorman-still.jpg"> 
    <img src="http://moviebuzzers.com/wp-content/uploads/2012/08/paranorman-still.jpg" height="100"/> 
</a>

錨ID爲「我的定製觸發」是觸發 - >如果你點擊它，的fancybox彈出。所以，你需要「點擊」它的網頁加載automaticaly後...

// Use document ready event, or window load, 
// whichever one suits you the best... 
$(window).load(function(){ 
    // Simulate click on trigger element 
    $('#my-custom-trigger').trigger('click'); 
});

現在，你做！

來源

2012-11-24 02:26:52 Andreyco

真棒！這是我想到的另一種選擇，但我不知道如何去做。明天我會試試這個。謝謝！ –

你應該接受答案，如果回答權利和幫助:) – Andreyco

如果你正在使用的fancybox 2，那麼你有兩個選擇，一個是triggering another element爲你接受的答案見等是manually trigger截至

http://jsfiddle.net/STgGM/

看到截至http://fancyapps.com/fancybox/#examples（啓動的fancybox頁上註明負載部分）只需改變onload到任何你想要的東西

簡單的用法;

 $.fancybox.open(['#container_div1','#container_div1']);

此外，你可以試試這個;

<script type="text/javascript"> 
     $(document).ready(function() { 
      $.fancybox({ 
       'href': '#my_div' 
      }); 
     }); 
    </script>

來源

2012-11-24 02:45:34

-1

$.fancybox(
{ 
'title':'Title', 
'overlayColor': '#000', 
'href' :'index.html', 
'overlayOpacity': 0.7     
} 
);

來源

2013-05-30 06:34:13

這個答案沒有解決如何啓動fancyBox在頁面加載的問題 –

使用$（document）.ready（function（）{...... Script Code ...}）; –

$(document).ready(function() { 
    $('#popup_box').fancybox().trigger('click'); 
});

source

來源

2015-04-20 15:57:15 parisssss

測試與版本2.1.5

$(window).load(function(){ 
    $.fancybox.open('image.jpg'); 
});

來源

2016-01-10 06:11:52 Plastik

自動打開fancyBox？

回答

相關問題