问题标签 [magnific-popup]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
23049 浏览

magnific-popup - 如何在 Magnific Pop-Up 中设置弹出 iframe 样式?

我想在http://chesstao.com/test.php中显示一个 iframe (单击绿色框)。但我没有看到一个方法或类来设置 iframe 的高度和宽度。

js:

的CSS:

如何为放大的弹出 iframe 编码样式(高度和宽度)?我很困惑。上面的样式被简单地忽略了。

0 投票
0 回答
1414 浏览

jquery - 如何向图像弹出窗口(灯箱)添加超链接以使用放大弹出窗口导航到另一个页面

我正在尝试实现一个灯箱,以便单击弹出窗口它可以导航到不同的页面。我几乎通过下面的代码实现了它,并带有一些小故障,如对齐问题等。它可以从 CSS 进行调整,但如果在不操纵 CSS 的情况下,可以使用更好的替代方案。

0 投票
2 回答
5946 浏览

javascript - 如何将内联元素与具有显示画廊的放大弹出窗口中的图像结合起来

我正在使用Magnific Popup

我可以让它与画廊合作。

我实际上也可以将内联元素与图像混合,这基本上是我想要的:

我的问题是,在混合示例中,我没有显示缩略图“画廊”,我基本上想要的是缩略图,当点击它时表现得像画廊,但中间有一个内联元素。

内联元素将有一个缩略图(和实际图像),但单击时将是一个内联元素。

我可以用fancybox做到这一点,如果你点击缩略图,你可以在这里看到,它可能有助于澄清我需要什么。(由于缺乏移动设备的移动支持,我正在尝试使用 Magnific 弹出窗口来实现相同的目标)。

0 投票
1 回答
1179 浏览

magnific-popup - 宏伟的 closeOnContentClick 不起作用

我的初始化代码中有以下内容,以便人们可以单击图像来关闭弹出窗口。但它不起作用。有任何想法吗?

谢谢德里克

现在解决了:

0 投票
1 回答
353 浏览

jquery - 如何在 MagnificPopup 中获取“this”的值?

我有以下代码:

打开一个弹出窗口。我有一个在弹出窗口中的电影,我想在点击链接的情况下动态更改它。唯一的问题是我需要知道“this”的值,但我无法清楚地弄清楚我应该如何使用这个插件来访问它。我可以提供任何必要的细节。

编辑:http: //jsfiddle.net/pe8Vm/5/

这只是插件并调用它。为您提供方便。

0 投票
1 回答
4889 浏览

javascript - 如何在 HTML 中定义内联内容库以与 Magnific-Popup 一起使用?

我在一个页面上有许多画廊,它们是从各自的按钮启动的。我喜欢在按钮旁边的页面中为画廊定义标记,然后使用.mfp-hide. 但是,当我添加关键字时,我无法激活弹出窗口delegate(否则它会激活)。

这是我到目前为止的代码,

HTML

Javascript

0 投票
1 回答
1335 浏览

javascript - Magnific Popup 库中未显示箭头

我的 Magnific Popup 几乎完全按照我的意愿工作,但由于某种原因,箭头未在画廊模式下显示。

取而代之的是两个空盒子,顶部边框看起来很薄。

查看 CSS,我找不到对图像或插入字符的任何引用

即在 webkit 开发工具中检查 HTML 会显示默认<button>标记,但标记是空的。这些.mfp-*类存在于 CSS 中,但它们不引用任何图像,:before并且:after伪选择器也不将任何字符插入为content.

我应该在项目中包含一些图像吗?如果是这样,我该如何命名它们?我在文档中找不到对任何图像的引用...

0 投票
3 回答
3483 浏览

jquery - Magnific Popup 中的共享按钮

我希望为画廊中的每个图像添加共享按钮(Pinterest 开始),而无需进入并手动包含每个图像/条目的 URL 等。在为其他灯箱包含此功能时,有很多说明需要注意——尤其是与特定的 CMS 结合使用;我一直在查看这些说明,以及 w3 资源和其他 stackoverflow.com 条目——希望我能把一些东西放在一起。我想用分享按钮代替柜台。到目前为止,我失败了。我确实有一次尝试导致按钮显示,但是脚本没有确认图像的路径以获得成功的“图钉”。随后尝试添加“Pin It”按钮只是破坏了 Magnific。

目前,我有:

任何提示将非常感谢!

谢谢!

0 投票
1 回答
2185 浏览

php - 如何在 AJAX 弹出窗口中使用 qTranslate 语言标签

我刚刚设置了 Magnific Popup,但不幸的是,我不明白如何让 qTranslate 的语言标签在我为 AJAX 弹出窗口创建的 HTML 文件中工作。

或者我应该在弹出窗口中嵌入一个 wordpress 页面(其中 qTranslate 插件运行良好)?

以下包含语言标签的 HTML 文件可在http://chinasonoma.com/?page_id=9中查看“什么是精酿啤酒?” 被点击。选择英文时,“中文”应该是不可见的。

这是我的第一篇文章,所以如果您需要任何进一步的信息,请告诉我。

0 投票
1 回答
1370 浏览

jquery - 使用 Magnific Popup 仅显示具有特定类或 id 的图像

我正在使用 magnific popup(灯箱)并且我的容器中有几个图像。所有这些图像都显示在网站上。现在我想在单击图像时以画廊模式打开弹出窗口并仅显示具有特定类的图像(例如类“一”)。可能吗?

HTML

JS

谢谢你的帮助!