三种灵活的弹窗尺寸设置。 1 — 兼容宽度与高度, 2 — 仅优化宽度, 3 — 无边距，缩放动画，右上角关闭按钮。

每个画廊项均可嵌入任意HTML内容，并支持内容类型混合。本示例启用了基于滚动方向的图片预加载。如需添加触控滑动支持，请参阅我在Smashing Magazine的文章。

若想在图片完全加载后才打开弹窗，您可以通过JS预加载图片。或使用缩放后的图片而非缩略图。缩放效果目前仅支持图片。

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

动画效果通过简单的CSS过渡实现，您可以自定义任何动画样式。更多动画效果请查看CodePen。

征战天下为您提供专业、贴心的服务体验。

即使打开和关闭弹窗，或在页面间跳转后再返回，已输入的数据也不会丢失。

您可以完全控制弹窗内容，通过CSS将其对齐至任意位置，或启用/禁用窗口右侧的滚动条，随心所欲。

模态弹窗将禁用常规的关闭方式。

这是错误消息显示的基本示例。当然，您可以更改文本或样式。

Examples