Comment faire une fenêtre modale en HTML5 et CSS3 popup automatiquement

J'ai trouvé quelques ligne de code me permettant de créer et de concevoir une fenêtre modale pour les visiteurs à s'inscrire à notre newsletter, mais je veux que cette fenêtre modale de popup automatiquement lorsque la page d'index est ouvert. Pour l'instant j'ai seulement été en mesure de trouver des fenêtres modales qui dépendent de l'utilisateur en cliquant sur un lien hypertexte. Est-il une fonction que je peux utiliser pour ouvrir automatiquement la fenêtre modale ou un moyen de charger automatiquement un lien hypertexte.

C'est le lien que j'ai utilisé pour créer ma fenêtre modale. Lien

InformationsquelleAutor user1987168 | 2013-01-19
  1. 0

    Vous pouvez utiliser image-clé animations (support). Quelque chose comme:

    .modalDialog {
   /* other styles */
   animation: showup .5s;
}
@keyframes showup { to { opacity: 1; } }

    Être prudent avec pointer-events bien. Ils ne fonctionnent pas dans n'importe quelle version de IE ou Opéra - voir support pour pointeur-événements dans le CSS.

    Vraiment simple démo je viens de le faire.

    • qu'a-u exactement à réaliser avec de la marge négative?
    InformationsquelleAutor Ana
  2. 0

    Essayez cela, il a travaillé pour moi

    <script type="text/javascript">    
    $(function () {    
        $("#dialog").dialog({    
            modal: true,    
            autoOpen: false,
            title: "jQuery Dialog",    
            width: 300,    
            height: 150    
        });    
        $("#btnShow").click(function () {    
            $('#dialog').dialog('open');    
        });    
    });    
</script>

    Référence: Ouvrez-Show-jQuery-UI-Dialog-Modal-Popup-sur-Clic de Bouton

    InformationsquelleAutor arjun1638
  3. -1

    Vous pouvez toujours joindre le lien vers la fenêtre modale dans un span ou div. puis au chargement de la page à l'aide de jquery utiliser le .cliquez sur la (les) fonction autoload il.

    InformationsquelleAutor designerNProgrammer