包含整个页面的HTML内容的灯箱

Question

我知道有很多灯箱插件。

我正在寻找的是一个支持HTML内容的灯箱插件，并且有一个完整的页面选项（覆盖整个正文/页面）。

我在灯箱中的HTML内容不会覆盖整个页面，但是框背景应该覆盖整个页面。我知道我自己可以做到这一点，但是对于一个小项目而言，我自己做所有事情并优化灯箱以获得响应对于该项目来说太过分了。

提前感谢您的建议。

Answer 1

听起来fancyBox对你来说是个不错的选择。它是一种高度可扩展的Lightbox替代品，支持HTML内容，甚至支持通过在100%和width参数上指定height来执行整页弹出窗口的功能：

$.extend(this, {
  aspectRatio : false,
  type    : 'html',
  width   : '100%',
  height  : '100%',
  content : '<div class="fancybox-image">Full-screen</div>'
});

有一个展示功能here的演示页面，实际上其中一个示例展示了您正在寻找的内容here。

希望这有帮助！ ：）