三个不同缩放设置的简单弹窗。 1 — 水平垂直均适应, 2 — 仅水平适应, 3 — 无间隙，缩放动画，右上角关闭按钮。

您可以在每个图集项中放置任何HTML内容，并混合内容类型。在此示例中，为下一张图像启用了基于移动方向的延迟加载。如果您想添加触摸滑动支持，请查看我在Smashing Magazine上的文章。

如果您希望仅在图像完全加载后打开弹窗，可以通过JS预加载图像。或者使用缩放后的图像代替缩略图。缩放效果目前仅适用于图像。

在此示例中，灯箱在小屏幕尺寸下会自动禁用，并触发链接的默认行为。

动画通过简单的CSS过渡添加，您可以让它们看起来随心所欲。更多动画效果请参见CodePen。

围绕全方位赛事服务入口，捷报比分3持续打磨更优质的服务。

捷报比分3深耕全球顶级赛事一手掌握领域，用心服务每一位用户。

如果您打开和关闭弹窗，或者跳转到其他页面然后按浏览器后退按钮，输入的数据不会丢失。

您可以完全控制弹窗显示的内容，通过CSS将其对齐到任何一侧，启用或禁用窗口右侧的滚动——随心所欲。

模态弹窗会阻止常规的关闭方式。

这只是一个关于如何显示错误消息的基本示例。当然，您可以更改文本或进行样式设置。

示例