Fenêtre modale ouverture au lancement de la page
Bonjour,
Au sein de ma page php, j'ai intégré un script pour l'ouverture d'une fenêtre modale. Celui ci fonctionne très bien excepté que la fenêtre ne s'ouvre qu'en cliquant sur un lien.
J'aurais voulu que la fenêtre modale s'ouvre automatique au lancement de la page...
J'ai essayé d'intégrer le script dans le <header> avec un timeout mais rien y faire..
Le script est le suivant actuellement entre les balises <body> et </body>
Code:
1
2
3
4
5
6
7
8
| <!--début du script-->
<div class="container">
<div id="content">
<div class="post">
<a href="#" data-width="700" data-rel="popup1" class="poplight">En savoir plus...</a>
</div>
<div id="popup1" class="popup_block">
<h4>texte....</h4></div> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| jQuery(function($){
$('a.poplight').on('click', function() {
var popID = $(this).data('rel');
var popWidth = $(this).data('width');
$('#' + popID).fadeIn().css({ 'width': popWidth}).prepend('<a href="#" class="close"><img src="img/close_pop.png" class="btn_close" title="Fermer" alt="Close" /></a>');
var popMargTop = ($('#' + popID).height() + 80) / 2;
var popMargLeft = ($('#' + popID).width() + 80) / 2;
$('#' + popID).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
$('body').append('<div id="fade"></div>');
$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
return false;
});
$('body').on('click', 'a.close, #fade', function() {
$('#fade , .popup_block').fadeOut(function() {
$('#fade, a.close').remove();
});
return false;
});
}); |
Merci d'avance pour votre aide !!
Cordialement,
