自动打开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？

回答

相关问题