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

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

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

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

Ответы

Ответ 1

Если вы используете 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);

Ответ 2

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

См. ниже:

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