web-dev-qa-db-fra.com

Comment ouvrir une magnifique popup lors du chargement de la page?

J'utilise Magnific Popup et j'aimerais qu'une vidéo apparaisse dès que la page se charge dans une popup.

J'ai bien fait fonctionner le plugin, mais je n'ai aucune idée de comment le faire apparaître dès que la page se charge, sans cliquer sur la vignette.

J'ai cherché une solution, mais je n'ai pas réussi à la faire fonctionner.

javascriptjqueryhtmlmagnific-popup
16
Bruno Gomes

Si vous utilisez jQuery, vous pouvez simplement écouter l'événement de chargement de la fenêtre, puis appeler la méthode ouverte pour votre Popup Magnific comme ceci:

(function($) {
    $(window).load(function () {
        // retrieved this line of code from http://dimsemenov.com/plugins/magnific-popup/documentation.html#api
        $.magnificPopup.open({
            items: {
                src: 'someimage.jpg'
            },
            type: 'image'

          // You may add options here, they're exactly the same as for $.fn.magnificPopup call
          // Note that some settings that rely on click event (like disableOn or midClick) will not work here
        }, 0);
    });
})(jQuery);
27
bbone

J'ai pu obtenir un fonctionnement modal chronométré en utilisant la fonction setTimeout de jquery, il suffit d'envelopper .magificpopup dans la fonction settimeout pour définir un délai. Modifiez la valeur de 5000 (5 secondes) à la valeur souhaitée.

Voir ci-dessous:

$(document).ready(function () {
setTimeout(function() {
 if ($('#myModal').length) {
   $.magnificPopup.open({
    items: {
        src: '#myModal' 
    },
    type: 'inline'
      });
   }
 }, 5000);
});
10
Syndication