layer.photos() 不支持点击切换缩放，因其预览层无 click 监听且无缩放状态记录；需通过自定义按钮手动控制 transform: scale() 实现，或采用滚轮缩放+复位按钮更稳妥。
不能靠反复点击同一张图触发“放大→缩小→放大”切换，layer.photos() 本身不提供 toggle 缩放状态的能力。所谓“再次点击缩小”，实际是误读了交互逻辑——它默认只支持单向预览，缩放必须靠滚轮或手动控制 dom 尺寸，点击行为在预览层里没有绑定任何缩放切换事件。
为什么直接点击图片无法实现“放大/缩小”切换
layer.photos() 渲染出的预览层中，.layui-layer-phimg（即预览图容器）默认没有 click 事件监听，也没有内置状态记录（比如当前缩放倍数）。你点它，什么都不会发生；哪怕你在 success 回调里给它加了 click 事件，也得自己维护缩放状态、计算尺寸、重置 transform，且容易和滚轮缩放冲突。
- 原始预览图是
img标签，宽高由 CSS 或 JS 动态设置，但没绑定任何 click 行为 - Layui 不暴露预览图 DOM 的缩放状态变量，无法通过
$(img).data('scale')这类方式读取当前是否已放大 - 如果强行用 click 切换，两次点击之间若用户用了滚轮，状态就彻底错乱
真正可行的“点击切换缩放”要怎么写
不是监听预览图本身，而是监听预览层右上角的自定义按钮（推荐），或在 success 中插入一个悬浮 toggle 按钮，绑定 click 并手动控制 transform: scale() 和 origin：
- 在
layer.photos({ ..., success: function() { ... } })里，用$(".layui-layer-photos").append(...)插入一个<button class="zoom-toggle">↺</button> - 给按钮绑定 click：第一次点 → 设置
scale(2)+transform-origin: center；再点 → 设回scale(1) - 务必用
css('transform', ...)而非改width/height，否则会和滚轮缩放逻辑打架 - 记得同时操作
.layui-layer-phimg img和它的父容器（通常是.layui-layer-phimg），否则出现裁剪或偏移
更稳妥的做法：放弃“点击切换”，改用滚轮 + 按钮组合
真实项目里，运营或审核人员根本不会记“点两下切换”，他们习惯滚轮放大、ESC 退出、右键旋转、按钮复位。所以建议：
- 保留原生
mousewheel缩放（监听.layui-layer-photos img） - 加一个“复位”按钮（而非 toggle），点击后强制设
transform: scale(1) translate(0, 0) - 避免监听
click做缩放，因为预览层里click容易被 layer 自身的关闭逻辑拦截（比如 shadeClose: true 时点空白处就关了） - 如果一定要点图缩放，那就只做“首次点击放大到 1.5x”，之后不再响应 click，防止误触
真正难的不是写几行 toggle 代码，而是让缩放中心始终对准鼠标位置、处理好 transform 后的 overflow hidden 裁剪、兼容不同分辨率下图片居中——这些细节一旦漏掉，用户就会觉得“点了一下，图跑偏了”或者“放大后看不见边缘”。
