三种不同的缩放设置，适应不同屏幕。 1 — 水平垂直均适应, 2 — 仅水平适应, 3 — 无缝隙，缩放动画，右上角关闭按钮。

每个图库项都可以包含任意HTML内容，并且内容类型可以混合。此示例启用了基于移动方向的下一张图片的懒加载。如果您想添加触摸滑动支持，请查看我在Smashing Magazine上的文章。

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

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

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

万博体育APPhuachen为您提供专业、贴心的服务体验。

即使您关闭了弹窗或通过浏览器回退按钮返回，输入的数据也不会丢失。

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

模态窗口会禁用常规的关闭方式。

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

Examples