自动打开fancyBox？

我正在努力尝试让fancyBox jQuery插件在我的网站首页加载时自动打开。 我是Javascript和jQuery的新手，需要一些指针。

我的HEAD标签之间有以下代码。 只是想知道是否还有其他东西我可以在这里插入，我可以在页面加载时打开fancyBox。

 $(document).ready(function() { $(".fancybox").fancybox(); });  

我在fancyBox文档中找到了以下API方法，并且不确定这是否是我正在寻找的。 我似乎无法让它发挥作用。

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

有任何想法吗？

Answer 1

像这样设置……

   ​ 

ID为’my-custom-trigger’的锚点是触发器 – >如果单击它，fancybox会弹出。 所以你需要在页面加载后自动点击它…

 // 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'); }); 

现在，你完成了！

Answer 2

如果您正在使用fancybox 2，那么您有两个选项，一个是triggering another element如您在接受的答案中看到的，另一个是manually trigger如下所示

http://jsfiddle.net/STgGM/

如http://fancyapps.com/fancybox/#examples （在页面加载部分启动fancyBox）中所述，只需将onload更改为您想要的任何内容

简单用法;

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

另外你可以尝试这个;

Answer 3

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

资源

Answer 4

测试版本2.1.5

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

Answer 5

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