jquery - ファンシーボックスを自動的に開きますか?

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を使用している場合は、2つのオプションがあります.1つはtriggering another element受け入れられた回答でmanually trigger見られるもので、もう1つは

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>

Answer 3

バージョン 2.1.5 でテスト済み

$(window).load(function(){
    $.fancybox.open('image.jpg');
});

Answer 4

$(document).ready(function() {
    $('#popup_box').fancybox().trigger('click'); 
});

ソース