Javascript 关联图像未放大缩略图列表

提前谢谢。请帮我解决我的问题。 我有一个缩略图列表，当选择特定图像时，它会作为主图像出现。当主图像悬停时，缩放应该可以工作。缩放实际上工作得很好。我的问题是缩放的图像不是我选择的对应图像。它总是只缩放我设置为默认值的图像。请帮助我想出一个解决方案

Html代码

---

您可以使用下面的代码来执行您的任务，而不是onclick函数

$('.prdsubcl1 img').on('click',function(){
var src = $(this).attr('src');
$('#imgDisp').attr('src', src);
});

享受

---

非常感谢您的回复。实际上，我的问题在于下面给出的代码。只有当缩放功能工作时，问题才会出现。单击的图像src加载到imDisp中，但没有为缩放功能加载相应的图像。height=495 width=310/>我是sry，你能负担得起在你的任务中使用jquery吗，因为在我的代码中，除了传统的js外，什么都不会改变……对于你的参考，我还在fiddle check out中添加了纯js代码……谢谢。你的代码运行得很好。但我的问题是缩放。class='zoom'id='ex1'这就像一个云缩放函数，此函数只适用于加载页面时加载的src。当缩略图图像更改时，主图像也会更改。但问题只会在主图像缩放时出现，在缩放时，它显示了src=loom admin/image/products/中存在的图像。是否有其他方法可以获得解决方案？我已经从这个站点获得了代码。您可以从中下载悬停缩放。我无法将整个代码粘贴到这里。请在这方面提供帮助，因为我是JQuery&Js的初学者。

function changeImage(imgName)
{
  image = document.getElementById('imgDisp');
  image.src = imgName;
}

$('.prdsubcl1 img').on('click',function(){
var src = $(this).attr('src');
$('#imgDisp').attr('src', src);
});

$('#imgDisp').click(function() {$('#ex1').zoom(); }); this the ur zoom code isn't it use the same code should zoom...i could'nt able to add in fiddle but should work..