Question

我想在加载页面时加载我的fancybiox iframe：

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


    $("a.various2").fancybox({ 
        padding: 0,
        margin: 0,
        width: 400,
        height: 350,
        autoSize    : true,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none'
    });

                    });
        </script>

</head>

<body>
<a class="various2" data-fancybox-type="iframe" href="nlpumc.html">Iframe</a>

此脚本通过单击链接起作用。但它如何与文档准备好一起工作？我测试了一下：

$("a.various2").fancybox.open({

这不正确？

谢谢！

Answer 1

这是HTML ...

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>

这是JS ......

// Activate fancyBox
$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0
    });


// Launch fancyBox on first element
$(".fancybox").eq(0).trigger('click');

现在JSFiddle ......

点击here。

像魅力一样！

fancybox onload

1 个答案: