¿Cómo abro un Fancybox después de que se cierra otro?
Tengo 2 fancyboxes y estoy intentando abrir el segundo desde el primero (ya sea por botón o cerrando el primero) ..
<div id="firstFancybox" style="display:none">
<p>I'm the first Fancybox!</p>
<a id="fancyboxButton" href="#secondFancybox">Close first Fancybox</a>
</div>
<a id="hiddenLink" href="#firstFancybox"></a>
<div id="secondFancybox" style="display:none">
<p>I'm the second Fancybox!</p>
</div>
El primer Fancybox se está activando en la carga de la página ..
$(document).ready(function() {
$("a#hiddenLink").fancybox({ 'hideOnContentClick': false, 'frameWidth': 300, 'frameHeight': 300 }).trigger('click');
$("a#fancyboxButton").fancybox();
});
Quiero poder abrir el segundo fancybox siempre que se cierre el primero. O ... abra el segundo para no hacer clic en el botón del primero.
¿Cómo se logra esto? No estoy teniendo mucha suerte de atar a los eventos que temo.
- Lee
ACTUALIZACIÓN:
Usar callbackOnClose me permite hacer cosas simples, como alerta ('hola'), pero aún no he logrado abrir otro Fancybox.
$(document).ready(function() {
$("a#hiddenLink").fancybox({ 'hideOnContentClick': false, 'frameWidth': 300, 'frameHeight': 300,
callbackOnClose: function() { alert('hi'); }
}).trigger('click');
});