comment charger magnific popup modal au chargement de la page

Je suis en train de charger mon magnific popup modal au chargement de la page, mais je ne comprends pas très bien la syntaxe dans la documentation. Comment dois-je appeler le modal au chargement de la page?

Mon code HTML:

<div id="test-modal" class"white-popup-block mfp-hide">
    <h1>Modal Test</h1>
    <p>
    Test Some text.
    </p>
    <p>
    <a class="popup-modal-dismiss">Dismiss</a>
    </p>
</div>

Mon JS:

$(window).load(function(){

???? What code should I place???
});

J'ai déjà chargé le script et les fichiers css, que dois-je taper à l'intérieur du JS pour faire charger les popup sur la charge?

OriginalL'auteur marchemike | 2013-12-10

  1. 5

    Essayez ceci:

    $.magnificPopup.open({
    items: {
        src: '<div id="test-modal" class="white-popup"><h1>Modal Test</h1><p>Test Some text.</p><p><a class="popup-modal-dismiss">Dismiss</a></p></div>',
        type:'inline'
    },
    modal: true
});

    Et la violon...

    Est-il possible d'ouvrir une popup avec les balises existantes? J'ai déjà le DOM éléments de l'installation, je veux juste être en mesure d'ouvrir la popup en JavaScript.

    OriginalL'auteur Fabricio

  2. 3
    $.magnificPopup.open({items: {src: '#id-of-your-popup'},type: 'inline'}, 0);
    Meilleure solution .

    OriginalL'auteur Kareem JO

  3. -2

    Vous pouvez essayer ceci:

        $.magnificPopup.open({
        items: {
            src: 'images/loading.gif',
            type:'image'
        },
        modal: true
    });

    OriginalL'auteur Rafael Antonio Torres