三款不同缩放设置的弹窗。 1 — 水平垂直均适配, 2 — 仅水平适配, 3 — 无缝隙，缩放动画，右上角关闭。

您可以在每个图集项中放入任何HTML内容，并混合内容类型。此示例中，根据移动方向为下一张图片启用了懒加载。如需添加触摸滑动支持，请参阅我在Smashing Magazine上的文章。

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

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

动画通过简单的CSS过渡添加，您可以根据需要自定义其外观。更多动画效果请查看CodePen。

澳客为您提供专业、贴心的服务体验。

如果您打开和关闭弹窗，或在不同页面间跳转后再按返回键，已输入的数据不会丢失。

您可以完全控制弹窗显示内容，通过CSS将其对齐至任意侧边，启用或禁用窗口右侧的滚动条——一切尽在掌握。

强制模式弹窗会禁用常规的关闭方式。

这是错误信息显示的简单示例。当然，您可以更改文本或进行样式调整。

Examples