Jquery 缩放效果仅缩放原始图像，而不是缩略图中的新图像

信息 我有一个div的网格。每个div都会打开一个modal。每个模式都有一个简单的缩略图库单击缩略图，主图像被替换

问题 缩放仅适用于原始主图像。它没有意识到单击缩略图后会出现新的主图像，因此它会继续缩放原始图像

拨弄

问题: 如何更改代码，使其缩放从缩略图中选择的新主图像

HTML JQUERY $“画廊”。简单画廊{ galltime:400，//转换延迟 gallcontent:“.content”， gallthumbnail:“.thumbnail”， 拇指：‘。拇指’ }; $'.zoom'.zoom{on:'grab'}； 使用的插件 [1] [2]

---

提前谢谢

您遇到的问题是simplegallery不知道您正在使用的zoom插件

zoom插件根据您提供的元素创建一个新元素，其中包含他找到的第一个图像

为了使缩放插件更改您正在缩放的图像，您需要确保该图像已更新为您刚才单击的图像

初始化缩放插件后添加以下代码：

$('.thumb img').click(function() {
    $('.zoomImg').attr('src', $(this).attr('src'));
});

---

它应该能解决你的问题。

你是说$'.zoom img'？有了这个修正，它就工作了，但我现在有一个新问题。在单击缩略图之前，每个新模式都会填充上一个模式的主图像。示例：模式1有一个主图像和两个缩略图a和B。模式2有一个主图像和两个缩略图C和D。我打开模式1并选择替换主图像的缩略图B-我现在也可以正确缩放谢谢。但是，当我关闭模式1并打开模式2时，它的主图像现在是模式1中的拇指B，直到我在模式2中选择拇指C或D。如果你的意思是$'.zoomImg'，也会出现同样的问题。但这一次，如果我点击模式1和拇指B，它会工作，我可以缩放。但是，如果我关闭它并打开模式2，并在那里的主图像上使用缩放功能，它将从模式1缩放到拇指B。本质上，我的两条评论都是为了避免图像被从内存中删除。每个模态现在都会记住最后一个模态的一些实例。有意义吗？代码是正确的，无需更改任何内容。如果您在模态方面遇到问题，请提供一个带有问题示例的链接。模态插件：。开发页面：看看前两个框boulder和dana——你的问题是当你进入Modal1并点击拇指时，隐藏的图像——缩放时显示的图像——是来自Modal1的图像。然后-当您转到Modal2时，隐藏图像仍然是来自Modal1的图像，因此如果您尝试缩放，您将缩放来自Modal1的图像，并且仅当您单击Modal2上的一个拇指时-隐藏图像将更改为正确的尺寸。您需要做的是当模式打开时-您需要确保更改隐藏图像的源$'.zoomImg'，检查我对该模式内第一个图像的回答中的第二行。