Html 使用Fancybox版本2-关闭第二个Fancybox时，重新打开第一个Fancybox，而不是简单地关闭_Html_Fancybox

Html 使用Fancybox版本2-关闭第二个Fancybox时，重新打开第一个Fancybox，而不是简单地关闭

html

Html 使用Fancybox版本2-关闭第二个Fancybox时，重新打开第一个Fancybox，而不是简单地关闭,html,fancybox,Html,Fancybox,使用由提供的Fancybox版本2 我想从主页打开一个fancybox，但在第一个fancybox中可以调用第二个fancybox。但当第二个花式盒子关上的时候。我希望它重新打开第一个fancybox，而不是简单地关闭（按角落里的X键或按Esc键）。我该怎么做谢谢-我已经在互联网上搜索了答案，但找到了关于我的问题的答案，这些问题适用于fancybox的早期版本，而不是新版本（2.0）我的代码如下：主页- <!DOCTYPE html> <head> <

使用由提供的Fancybox版本2

我想从主页打开一个fancybox，但在第一个fancybox中可以调用第二个fancybox。但当第二个花式盒子关上的时候。我希望它重新打开第一个fancybox，而不是简单地关闭（按角落里的X键或按Esc键）。我该怎么做

谢谢-我已经在互联网上搜索了答案，但找到了关于我的问题的答案，这些问题适用于fancybox的早期版本，而不是新版本（2.0）

我的代码如下：

主页-

<!DOCTYPE html>
<head>
    <!-- Add jQuery library -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

    <!-- Add fancyBox main JS and CSS files -->
    <script type="text/javascript" src="./source/jquery.fancybox.js"></script>
    <link rel="stylesheet" type="text/css" href="./source/jquery.fancybox.css" media="screen" />

    <script type="text/javascript">
        $(document).ready(function() {
            /*
                Simple image gallery. Uses default settings
            */

            $('.fancybox').fancybox();

            /*
                Different effects
            */

            // Change title type, overlay opening speed and opacity
            $(".fancybox-effects-a").fancybox({
                helpers: {
                    title : {
                        type : 'outside'
                    },
                    overlay : {
                        speedIn : 500,
                        opacity : 0.95
                    }
                }
            });


            /*
                Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
            */

            $('.fancybox-thumbs').fancybox({
                prevEffect : 'none',
                nextEffect : 'none',

                closeBtn  : false,
                arrows    : false,
                nextClick : true,

                helpers : { 
                    thumbs : {
                        width  : 50,
                        height : 50
                    }
                }
            });
});
</script>
    <a href="1stFancyBox.html" class="fancybox fancybox.ajax">1st Fancy Box</a>
</html>


$（文档）.ready（函数（）{
/*
简单图像库。使用默认设置
*/
$（'.fancybox'）.fancybox（）；
/*
不同效果
*/
//更改标题类型、覆盖打开速度和不透明度
$（“.fancybox-effects-a”）.fancybox({
助手：{
标题：{
类型：“外部”
},
覆盖：{
speedIn:500，
不透明度：0.95
}
}
});
/*
缩略图帮助程序。禁用动画、隐藏关闭按钮、箭头，并在单击时滑动到下一个库项目
*/
$（'.fancybox拇指'）。fancybox({
效果：“无”，
下一个效果：“无”，
closeBtn:false，
箭头：错，
下一步：没错，
助手：{
拇指：{
宽度：50，
身高：50
}
}
});
});

1stFancyBox.html-

<html>
<a href="2ndFancyBox.html" class="fancybox fancybox.ajax">2nd FancyBox</a>
</html>

<html>
<body>
Hellloooooooooo</body>
</html>

2ndFancyBox.html-

<html>
<a href="2ndFancyBox.html" class="fancybox fancybox.ajax">2nd FancyBox</a>
</html>

<html>
<body>
Hellloooooooooo</body>
</html>


你好

谢谢：）

您可以创建两个脚本，每个链接一个因此在

main

页面中，您有：

<a href="1stFancyBox.html" class="fancybox1 fancybox.ajax">1st Fancy Box</a>

在

1stFancyBox.html

中，您可以拥有此链接

<a href="2ndFancyBox.html" class="fancybox2 fancybox.ajax">2nd FancyBox</a>

无论

2ndFancyBox.html

的内容如何，上述脚本都会在关闭第二个fancybox后启动第一个fancybox

更新：我添加了一个

似乎不起作用，当我关闭第二个花式盒子页面时，页面就变暗了。。。请帮忙，我已经完成了你在这里说的一切，换了课。已更改$（“.fancybox”）.fancybox（）；美元（“.fancybox1”）.fancybox（）；并添加了$（“.fancybox2”）.fancybox（{afterClose:function（）{$（“.fancybox1”）.trigger（“click”）；}）；在主页上的fancybox1中$（“.fancybox1”）.fancybox（{$（“.fancybox2”）.fancybox（{afterClose:function（）{$（“.fancybox1”）.trigger（“click”）；}}）；看来你弄错了一点，看看我的更新，我在那里添加了一个演示。请随意分析和比较源代码。fancybox脚本应该只在主页上。链接和内容在第一个和第二个html文件上有所不同。