三种不同的缩放模式，满足不同场景需求。 1 — 适应屏幕大小, 2 — 仅水平适应, 3 — 无缝衔接，动画流畅，关闭按钮置顶。

每个图集项都可以包含丰富的HTML内容，支持混合内容类型。此示例支持根据滑动方向预加载下一张图片。如需添加触屏滑动支持，请参考我的文章。

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

在小屏幕设备上，弹窗将自动禁用，并触发链接的默认行为。

动画效果通过简单的CSS过渡实现，您可以随心所欲地定制。更多动画效果请查看CodePen。

1xbetanchen为您提供专业、贴心的服务体验。

即使关闭弹窗或在不同页面间切换后返回，您输入的数据也不会丢失。

您可以完全控制弹窗内容，通过CSS将其对齐到任意位置，或选择是否在窗口右侧启用滚动条。

锁定视图模式下，无法通过常规方式关闭弹窗。

这是错误消息显示的简单示例。当然，您可以自定义文本或样式。

Examples