Как открыть всплывающее окно magnific при загрузке страницы?

Я использую Magnific Popup и я хотел бы, чтобы они, как только страница загрузится в окне.

Я получил плагин, чтобы работать нормально, но я понятия не имею, как заставить его всплывать, как только страница загружается, без нажатия на миниатюру.

Я огляделся в поисках решения, но мне не удалось заставить его работать.

14
html javascript jquery magnific-popup

2 ответов

Если вы используете jQuery, вы можете просто прослушать событие загрузки окна, а затем вызвать метод open для вашего Magnific Popup следующим образом:

(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);
24

я смог получить временную модальную работу, используя функцию setTimeout jquery, просто оберните .magificpopup в функции settimeout для установки задержки. Измените значение 5000 (5 секунд) на любое значение вы хотите.

см. ниже:

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