0

ページがロードされたときに 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({

それは正しくありませんか？

ありがとうございました！

4

1 に答える 1

0

ここに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...

ここをクリックしてください。

魔法のように動作します！

于 2013-07-15T15:48:31.233 に答える