Я использую Magnific Popup и хочу, чтобы видео появлялось, как только страница загружается во всплывающем окне.
Я заставил плагин работать нормально, но я понятия не имею, как заставить его всплывать, как только страница загружается, не нажимая на миниатюру.
Я искал решение, но мне не удалось заставить его работать.
Если вы используете 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);
Мне удалось заставить работать модальное время с помощью функции jquery setTimeout. Просто оберните .magificpopup в функцию settimeout, чтобы установить задержку. Измените значение 5000 (5 секунд) на любое значение, которое вы хотите.
Смотри ниже:
$(document).ready(function () {
setTimeout(function() {
if ($('#myModal').length) {
$.magnificPopup.open({
items: {
src: '#myModal'
},
type: 'inline'
});
}
}, 5000);
});
