jquery - 自动打开fancyBox？

Question

我目前正在尝试让 fancyBox jQuery 插件在我的网站首页加载后自动打开。我对 Javascript 和 jQuery 非常陌生，需要一些指导。

我的 HEAD 标签之间有以下代码。只是想知道是否可以在此处插入其他内容，以便在页面加载时打开 fancyBox。

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

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

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

有什么想法吗？

Answer 1

像这样设置...

<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 为“my-custom-trigger”的 anchor 是触发器 -> 如果单击它，会弹出 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');
});

现在，你已经完成了!