Javascript 仅在几个img标签上启用收缩缩放 上下文

这是一个web和Cordova应用程序（相同的代码库），它显示一个0-3图片和0-1视频的旋转木马

这个应用程序是用ExtJS开发的，我使用Ext.carousel xtype来显示我的carousel

我接受香草溶液

我的视口：

width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no

---

预期行为 我想将图像缩放到我的旋转木马中，但仅在图像上，并使用最接近Android gallery的渲染

---

我所做的 当我打开全屏旋转木马时，我发现了一个“解决方案”，其中包括更新我的视口：

width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1, user-scalable=yes

当用户关闭视口时，我将其重置为默认值

但是这个解决方案对我来说并不干净，因为首先，我必须覆盖Ext.carousel的本机代码，以授权左/右“touchslide”移动到我的缩放图片中，因为没有这个，它只是滑动到下一张或上一张图片

然后它打破了我的旋转木马，因为当一个图像被缩放时，它可能在两个图像之间移动

---

我试过的 1-。但它只允许“缩放”，不允许移动到缩放的图像中

2-多个缩放或lightbox库，如或更多