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

每个图集项都可以包含任意HTML内容，混合不同类型的内容。本例中，根据移动方向自动加载下一张图片。如需添加触屏滑动支持，请查阅我的Smashing Magazine文章。

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

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

动画通过简单的CSS过渡添加，您可以随心所欲地设计它们的外观。更多动画效果请访问CodePen。

虎扑体育dayucheng为您提供专业、贴心的服务体验。

输入的数据在打开和关闭弹窗后，或在跳转到其他页面再按返回按钮后不会丢失。

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

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

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

Examples