De nouveau un petit script permettant l’ouverture d’une popup style lightbox au chargement de la page, on pourra également programmer le délai avant la fermeture.
Cette fois-çi en utilisant fancybox
Tout d’abord dans la section head de votre page :
<!-- load the jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- load the 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() { $.fancybox( $("#popup").html(), { type : 'iframe', href : 'http://www.site-web-creation.net', // 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()", 10000); // temps en milliseconde avant fermeture de la popup }); </script>
puis dans le body :
<a id="popup" style="display:none;"></a> // notre #popup en display none
Click to rate this post!
[Total: 3 Average: 5]