Comment Auto Popup un CSS3 Fenêtre Modale Lorsque le chargement de la Page?

je suis en train d'essayer de comprendre cela.Comment o je le faire fonctionner sur Chargement de la page.

mon css

.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width: 400px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}
.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }

Et pour ouvrir la fenêtre contextuelle, nous avons ce lien

<a href="#openModal">Open Modal</a>

J'ai Essayé cette technique Comment faire une fenêtre modale en HTML5 et CSS3 popup automatiquement
mais il ne fonctionne pas.. s'il vous Plaît aider.t merci

ps: j'ai aussi essayé le lien, cliquez sur chargement de la page à l'aide de jQuery, mais qui ne fonctionne pas 🙁
voici le code jquery.

$(window).load(function () {
$("#preloader").delay(1000).fadeOut(1000);
$('#notLoggedModalClick').click();

});

son juste css, merci de poster votre Jquery trop, et avez-vous essayer ceci: window.onload = function () {$('a#openModal').click();} ??

OriginalL'auteur designerNProgrammer | 2013-04-21

  1. 7

    définir un div 

    <div id="popup">
text here...
</div>

    au style display:hidden

    #popup
{
position:absolute;
display:none;
top:200px;
left:50%;
width:500px; 
margin-left:-250px;
border:1px solid blue; 
padding:20px;
background-color:white;
}

    lorsque la page est chargée juste mis display:block 

    <script type="text/javascript">
function show_popup()
{
document.getElementById('popup').style.display = 'block'; 
}
window.onload = show_popup;
</script>
    Oui Enfin il a Travaillé. merci.. acutally j'ai mis une balise span à l'intérieur <a> tag. Merci.
    Hi mate, Im essayant de faire exactement la même chose, avec le même lien 🙂 Pourriez-vous préciser quelle hoew vous avez utilisé la balise span s'il vous plaît?
    ႈJ'ai utilisé de la DIV mais SPAN devrait également fonctionner.
    Hey XShirase la balise span fonctionne comme son <span id="someId"></span>

    OriginalL'auteur Wayne Tun

  2. 1

    load() est obsolète depuis la version 1.8, Ma suggestion:

    window.onload = function (){
$("#preloader").delay(1000).fadeOut(1000);
$('#notLoggedModalClick').click();
}

    mais son meilleur si vous le feu de la popup au lieu de cliquez sur la gâchette.

    opr, ne fonctionne pas, une idée?
    fonctionne-t-il sur?

    OriginalL'auteur egig

  3. 1

    Réponse 1 sorte de travaux, dans firefox, il affichera le modal, cependant il ne permettra pas qu'il soit correctement fermé. Dans google chrome, il ne s'ouvre pas sur charger. À la fin, même quand il fonctionne, il commence juste à la séquence d'animation de nouveau et le charge d'une façon qui ne lui permettra pas d'être fermé.

    OriginalL'auteur user2593849