Использование Fancybox версии 2 - при закрытии 2-го fancybox откройте первый fancybox вместо простого закрытия

Использование Fancybox версии 2 отhttp://fancyapps.com/fancybox/#support

Я хочу открыть коробку фантазии со своей главной страницы, но внутри этой первой коробки фантазии можно вызвать вторую коробку фантазии. Но когда эта вторая необычная коробка закрыта. Вместо того, чтобы просто закрывать (нажимая X в углу или нажимая Esc), я хочу, чтобы он снова открыл первый fancybox. Как мне это сделать?

Спасибо - я искал ответ в Интернете, но нашел ответы на мой вопрос, относящийся к предыдущим версиям 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>

1stFancyBox.html -

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

2ndFancyBox.html -

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

Спасибо :)

Ответы на вопрос(1)

Ваш ответ на вопрос