Uso de Fancybox versión 2: al cerrar 2nd fancybox, vuelva a abrir primero fancybox en lugar de simplemente cerrar
Usando la versión 2 de Fancybox suministrada porhttp://fancyapps.com/fancybox/#support
Quiero abrir un fancybox desde mi página principal, pero dentro de ese primer fancy box se puede llamar un segundo fancybox. Pero cuando esa segunda caja de fantasía está cerrada. En lugar de simplemente cerrarla (presionando X en la esquina o presionando Esc), quiero que vuelva a abrir el primer fancybox. ¿Cómo hago esto?
Gracias. He buscado en Internet una respuesta, pero he encontrado respuestas con respecto a mi consulta que se aplica a versiones anteriores de fancybox, no a la nueva versión (2.0) ...
Mi código está abajo:
Pagina 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>
Gracias :)