layer.photos 默认不支持缩放，需手动集成 zoom.js 或 panzoom：拦截图片 dom、包裹容器、延迟初始化、禁用默认拖拽与双击事件，并处理移动端手势冲突及多图切换状态重置。
layer.photos 默认不支持缩放，必须手动集成第三方库
原生 layer.photos 只提供翻页、全屏、下载等基础功能，双击/手势缩放、拖拽移动、鼠标滚轮缩放全部缺失。这不是配置问题，是功能未实现。想加缩放，得自己接管图片渲染流程，用 zoom.js 或 panzoom 这类轻量库干预 dom 节点。
替换 layer.photos 的图片容器并初始化 zoom.js
关键在于拦截 layer.photos 打开后的图片 DOM，找到实际显示图片的 <img> 元素，再套一层可缩放容器。常见踩坑点：layer 会动态创建多个弹层，缩放初始化必须等图片加载完成且 DOM 稳定后再执行，否则找不到节点或缩放失效。
- 在
success回调里用setTimeout延迟 100ms 再操作（避免 DOM 未就绪） - 用
layer.photos({...})返回的索引或监听layer.photos的layer.photos内部事件（如layer.photos没暴露，就靠document.querySelector('.layer-photos .layer-img img')定位） - 给
<img>外包一层<div class="zoom-container">，再调用 <code>zoom()初始化layer.photos({ photos: { data: [...] }, success: function(layero) { setTimeout(() => { const img = layero.find('.layer-img img')[0]; if (img && !img.hasAttribute('data-zoomed')) { img.setAttribute('data-zoomed', 'true'); zoom(img, { onZoom: function(e) { /* 可选：记录缩放比例 */ } }); } }, 100); } });禁用 layer.photos 自带的图片拖拽和双击行为
layer 默认给图片绑了
onmousedown和ondblclick，会和 zoom.js 的事件冲突，导致缩放卡顿、拖拽失效或图片意外关闭。必须显式移除或阻止冒泡。- 在
success回调中对.layer-img img添加onmousedown="event.stopPropagation()" - 或者用 CSS 禁用默认拖拽：
.layer-img img { -webkit-user-drag: none; user-drag: none; } - 双击关闭相册的行为也要关掉：
layer.photos没提供开关，只能重写layer.close判断来源，或直接 patchlayer.photos的内部双击监听逻辑（不推荐）
移动端手势缩放需额外处理 touch 事件兼容性
zoom.js 默认只处理鼠标，移动端需要
touch-action: none配合pinch-zoom-js或改用panzoom。layer.photos 弹层本身有 touch 滑动翻页，和缩放手势极易冲突。- 给缩放容器加样式：
touch-action: none，否则 iOS Safari 会拦截 pinch 手势 - 翻页手势（左右滑）和缩放手势（双指缩放）需分离：监听
touchstart记录触点数，2 个以上触点时禁用 layer 的滑动逻辑 - 慎用
zoom.js的移动端支持——它依赖mousewheel，在安卓微信里基本不可用；panzoom更稳，但体积略大
缩放不是加个参数就能开的功能，核心难点在于 layer.photos 的封闭 DOM 结构和事件体系，所有增强都得“撬开”它再缝合。最易忽略的是多图切换时缩放状态未重置——上一张图放大了，切到下一张还是放大态，得在
layer.photos的翻页回调里手动panzoom.reset()或清空 zoom 实例。 - 在
