0

1つのファンシーボックスを開くことができるスクリプトを作成しようとしています。そのボックスを閉じると、新しいファンシーボックスが開くかフェードインします...

次のリンクをクリックすると、ビデオを含むファンシーボックスが開きます。閉じたときに、デモリンクをクリックしたときに表示されるファンシーボックスが開きます。

<a id="various2" href="#divVideo" class="fl ml20"><img src="images/sites/img2.png" alt="" class="fl mr10" /></a>

デモ：次のリンクをクリックすると、デモ情報が記載されたファンシーボックスが開きます。

<LI><A class="demo" id="example4" href="#demoView">Demo</A></LI>

以下は私のコードですが、閉じたセクションが別のファンシーボックスを開かなかった理由がわかりません。親切に助けて……。

jQuery(document).ready(function() {     

        $("a#example4").fancybox({
                'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none'
            });

        $("#various2").fancybox({
            'opacity'       : true,
                'overlayShow'   : false,
                'transitionIn'  : 'elastic',
                'transitionOut' : 'none',

                'onClosed'  :   function() {
                            $('#faier').fadeIn(10);

                },
                'onStart'       :   function() {
                                            document.getElementById('iframe-video');

                            //alert("hi");
                            //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
                }
        });
4

2 に答える 2

1

最初のファンシーボックスを閉じるときは、トリガーを使用して2番目のファンシーボックスを開きます

$("#faier").fancybox().trigger('click')

あなたの例：

$("#various2").fancybox({
    'opacity'       : true,
    'overlayShow'   : false,
    'transitionIn'  : 'elastic',
    'transitionOut' : 'none',

    'onClosed'  :   function() {
                    $("#faier").fancybox().trigger('click');
        },
    'onStart'       :   function() {
                                    document.getElementById('iframe-video');

                    //alert("hi");
                    //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
        }
});
于 2012-04-29T18:42:53.993 に答える
0

これをあなたのjsとして使用してください：

jQuery(document).ready(function() {     

$("a#example4").fancybox({
        'opacity'       : true,
        'overlayShow'   : false,
        'transitionIn'  : 'elastic',
        'transitionOut' : 'none'
    });

$("#various2").fancybox({
    'opacity'       : true,
        'overlayShow'   : false,
        'transitionIn'  : 'elastic',
        'transitionOut' : 'none',

        'onClosed'  :   function() {
                    $('#faier').fancybox().trigger('click');
        },
        'onStart'       :   function() {
                                    document.getElementById('iframe-video');

                    //alert("hi");
                    //$('#banner-rotator').royalSlider({slideshowEnabled:false,slideshowDelay:20000 });
        }
});
于 2012-04-29T18:43:15.480 に答える