自动打开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"的锚点是触发器 - >如果单击它,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']);

另外你可以尝试这个;

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