0

我正在尝试制作一个脚本，允许我打开一个精美的盒子，并在关闭该盒子时打开一个新的精美盒子或淡入...

当我点击下面的链接时，它会打开包含视频的fancybox，当我关闭它时，它会打开当我点击演示链接时出现的fancybox。

<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>

以下是我的一段代码，但我不知道为什么它的封闭部分没有打开另一个fancybox。请帮助.......

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

当您关闭第一个fancybox时，使用触发器打开第二个fancybox

$("#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 回答