如何加载页面加载放大弹出模式
how to load magnific popup modal on page load
我试图在页面加载时加载我的放大弹出模式,但我不太理解文档中的语法。如何在页面加载时调用模态?
我的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>
我的JS:
$(window).load(function(){
???? What code should I place???
});
我已经预装了脚本和css文件,我应该在JS中键入什么来让它在加载时加载弹出窗口?
试试这个:
$.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
});
还有小提琴。。。
$.magnificPopup.open({items: {src: '#id-of-your-popup'},type: 'inline'}, 0);
你可以试试这个:
$.magnificPopup.open({
items: {
src: 'images/loading.gif',
type:'image'
},
modal: true
});
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 如何在生成下载文件时显示加载动画
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- 无法在通过jQuery的ajax加载的页面中执行javascript
- 页面加载时加载放大弹出窗口
- 加载、滚动、放大和缩小图像,如谷歌地图
- 如何加载页面加载放大弹出模式
- 每15天为新用户加载一次放大弹出菜单
- 缩放加载的 SVG 并使用捕捉 svg 放大
- 谷歌地图没有放大,标记没有显示在页面加载上
- 获取较小的图像,以便在悬停和放大时以完整质量加载
- 放大 iframe,而无需仅使用 css 重新加载 html 内容
- 页面加载时出现放大弹出youtube视频错误
- 加载图像时,将图像从零放大到全尺寸
- 放大弹出菜单未加载到页面的特定部分
- 如何加载双击而不是点击放大弹出
- D3.js双层分区-初始图表加载放大切片
- 页面加载时的放大弹出菜单
- Javascript在浏览器加载时自动放大
- 加载后自动放大高图