Usando o Fancybox versão 2 - Quando o Closing 2nd fancybox reabrir o primeiro fancybox em vez de simplesmente fechar
Usando o Fancybox versão 2 fornecido porhttp://fancyapps.com/fancybox/#support
Eu quero abrir um fancybox da minha página principal, mas dentro dessa primeira caixa de fantasia pode ser chamado um segundo fancybox. Mas quando essa segunda caixa está fechada. Em vez de simplesmente fechar (pressionando X no canto ou pressionando Esc), eu quero reabrir o primeiro fancybox. Como eu faço isso?
Obrigado - Eu procurei na internet por uma resposta, mas encontrei respostas sobre a minha consulta, aplicando às versões anteriores do fancybox e não à nova versão (2.0) ...
Meu código está abaixo:
Página principal-
<!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>
Obrigado :)