提供三种不同缩放设置的弹出窗口。 1 — 水平垂直均可适应, 2 — 仅水平适应, 3 — 无缝隙，缩放动画，右上角显示关闭图标。

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

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

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

动画通过简单的CSS过渡添加，您可以使其外观随心所欲。更多动画效果请参见CodePen。

kaiyun5专注安全可靠保障，畅享无忧体验，为用户提供专业可靠的体验。

围绕24/7客户服务，随时响应需求，kaiyun5持续打磨更优质的服务。

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

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

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

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

示例