fritzmg/contao-magnific-popup

此包已被 废弃 且不再维护。作者建议使用 fritzmg/contao-lightcase 包。

Contao 的 Magnific Popup 弹窗

维护者

详细信息

github.com/fritzmg/contao-magnific-popup

主页

源代码

问题

论坛

安装量: 2,447

依赖项: 0

推荐者: 0

安全: 0

星标: 10

关注者: 2

分支: 0

开放性问题: 0

语言:CSS

类型:contao-module

2.0.1 2017-03-06 09:49 UTC

Requires

Replaces

  • contao-legacy/magnific_popup: 2.0.1

GPL-2.0 8aae10d2a148647893e304c462eeb597925da1ae

responsivelightboxcontaopopupoverlaymagnific

This package is not auto-updated.

Last update: 2022-02-01 12:40:49 UTC

README

Contao Magnific Popup

Contao 扩展，用于集成 Magnific Popup 悬浮窗。

使用方法

只需在 jQuery 下的页面布局中激活 j_magnific_popup 模板。不要同时激活 j_colorbox 或 moo_mediabox！

Magnific Popup 将与所有使用 data-lightbox="..." 参数的链接一起工作。当然，您仍然可以通过自己的 JavaScript 初始化和操作 Magnific Popup。

自定义

如果您想使用自己的自定义参数，只需创建自己的 j_magnific_popup 模板，并在其中插入自定义选项。例如，如果您想启用 Magnific Popup 的缩放功能

  ContaoMagnificPopup.init({
    // put your custom configuration here
    zoom: { enabled: true }
  });

有关所有可用参数的详细信息，请参阅 Magnific Popup 文档。

类型

默认情况下，该扩展将所有 Magnific Popup 实例的类型定义为 image。您可以通过多种方式设置 Magnific Popup 支持的任何类型

  • 通过 data-lightbox 参数本身，例如

    <a href="page.html" data-lightbox="iframe">Page</a>

    您还可以在参数中任何位置定义自定义分组名称

    <a href="page.html" data-lightbox="iframe group1">Page</a>

  • 通过使用自己的 Magnific Popup 初始化

  • 通过在您的 j_magnific_popup 模板中设置全局选项来设置类型

附加参数

为了与 Contao 的旧式 lightbox 参数保持一定的兼容性，您也可以这样定义 iframe 弹窗的宽度和高度

<a href="page.html" data-lightbox="iframe 800 600">Page</a>