Jquery fancybox onload + delay avant fermeture + cookie

Voici un script permettant d’ouvrir une popup à l’ouverture d’une page html, de paramétrer la fermeture automatique, créer un cookie et ainsi pouvoir spécifier que cette popup s’ouvrira qu’une fois toutes les 24heures par exemple.

Voir les commentaires dans le script :

<!-- chargement de jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<!-- chargement du petit script de cookies, plus de détails à https://github.com/carhartl/jquery-cookie -->
<script type="text/javascript" src="jquery.cookie.js"></script> 
<!-- chargement de fancybox -->
<script type="text/javascript" src="js/fancybox/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox.css" media="screen" />
<!-- appel de la fancybox -->
<script type="text/javascript">

    $(document).ready(function() {
        if($.cookie('the_cookie') != 1) { // Si the_cookie n'a pas pour valeur 1 alors on l'initialise et on joue l'appel de la popup
            $.cookie('the_cookie', '1', { expires: 1 }); // valeur en jour(s) avant expiration du cookie

            $.fancybox(
                 $("#popup").html(),
                 {
                    type : 'iframe',
                    href : 'mapage.html', // url vers notre page html qui sera chargée dans la popup en mode iframe
                    maxWidth : 800,
                    maxHeight : 600,
                    fitToView : false,
                    width : '70%',
                    height : '70%',
                    autoSize : false

            }
            );setTimeout("parent.$.fancybox.close()", 5000); // temps en milliseconde avant fermeture de la popup
        }
    });
</script>

Dans le body :

<a id="popup" style="display:none;"></a>