how to load magnific popup modal on page load
15,367
Solution 1
Try this:
$.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
});
And the fiddle...
Solution 2
$.magnificPopup.open({items: {src: '#id-of-your-popup'},type: 'inline'}, 0);
Comments
-
marchemike almost 2 years
I'm trying to load my magnific popup modal on page load, however I can't quite understand the syntax in the documentation. How do I call the modal on page load?
My 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>
My JS:
$(window).load(function(){ ???? What code should I place??? });
I have already preloaded the script and css files, what do I type inside the JS to make it load the popup on load?