Verwenden von Fancybox Version 2 - Beim Schließen der zweiten Fancybox öffnen Sie die erste Fancybox erneut, anstatt sie einfach zu schließen
Verwendung der Fancybox Version 2 vonhttp://fancyapps.com/fancybox/#support
Ich möchte eine Fancybox von meiner Hauptseite aus öffnen, aber in dieser ersten Fancybox kann eine zweite Fancybox aufgerufen werden. Aber wenn diese 2. Phantasie Box geschlossen ist. Anstatt einfach zu schließen (Drücken von X in der Ecke oder Drücken von Esc), möchte ich, dass die erste Fancybox erneut geöffnet wird. Wie mache ich das?
Vielen Dank - Ich habe im Internet nach einer Antwort gesucht, aber Antworten zu meiner Frage gefunden, die sich auf frühere Versionen von fancybox bezieht, nicht auf die neue Version (2.0) ...
Mein Code ist unten:
Hauptseite-
<!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>
Vielen Dank :)