三款精美弹窗，不同缩放效果。 1 — 适配宽高， 2 — 仅适配宽度， 3 — 无缝隙，缩放动画，右上角关闭。

如果想在图片完全加载后再打开弹窗，你可以通过JS预加载图片。或者使用缩小版的图片代替缩略图。缩放效果目前仅支持图片。

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

动画通过简单的CSS过渡实现，你可以随意定制它们的样式。更多动画效果尽在CodePen。

精选极速下载安装，告别等待！内容，九游与你一同发现更多精彩。

九游专注专属福利活动，奖励拿到手软！，为用户提供专业可靠的体验。

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

每个图集项都可以是任意HTML内容，混合多种内容类型。此示例支持根据滑动方向预加载下一张图片。想添加触屏滑动支持？看看我在Smashing Magazine的文章吧！

你可以完全控制弹窗内容，通过CSS将其对齐到任何位置，开启或关闭右侧滚动条——随心所欲。

输入的数据在打开关闭弹窗或通过浏览器回退按钮返回时不会丢失。

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

示例