jQuery内部缩放功能（部分工作）

Question

我一直在尝试在我的网店的类别页面上运行一个正确的'内部缩放'jQuery插件。因为我的技能有限，并不是每个人的工作都很容易。

但是，我找到了满足我需求的产品; - 图像缩略图和大图像是相同的链接源，只是重新调整宽度/高度 - 缩放显示在图像的“框架”内 - 没有像'40x40px那样的'放大镜'类型的变焦，整个画面需要立刻放大 - 简短的代码

关于这个插件：http://www.jacklmoore.com/zoom/

它工作正常，但它只适用于一次一张图像（每页）。当我多次复制相同的代码时，它只适用于第一张图片。

如何获取它以使其无限次运行？或者可能是满足我需求的任何其他类型的缩放插件？

我希望有人可以帮助我。

最佳， 戴夫

Answer 1

正如插件页面上所解释的那样，缩放功能只能应用于包含在某些HTML标签中的图像。我认为您要做的是将缩放功能应用于包含多个图像的容器，因此它仅适用于第一个图像。

你可以尝试做的是使用第二个代码示例，它应该包装图像，然后应用缩放功能，但要小心，这样不会破坏样式：

$(document).ready(function(){
  $('img')
    .wrap('<span style="display:inline-block"></span>')
    .css('display', 'block')
    .parent()
    .zoom();
});

如果您可以从页面中提供一些显示图像及其HTML容器的代码，那么可以更轻松地帮助您使用更具体的jQuery代码。