我正在使用一个名为 shopp 销售产品的 wordpress 插件，而 shopp 的一个方面是它的图像渲染。我试图基本上告诉shopp返回相同产品的两张图片：一张缩略图和一张大图。这两个图像都将返回到彼此相邻的页面。完美的！
我需要做的是使用 jquery 隐藏大图像，并将缩略图设置为大图像的链接（灯箱样式）。见下面的例子！！
我不能在纯 HTML 和 css 中执行此操作的原因是图像是动态生成的，而 shopp 没有“图像链接”功能。再次，我需要拍摄这两个图像，并使用 jquery 使用（上方）图像下方的标记将大图像设置为小图像的链接。
知道我怎么能做到这一点吗？
您需要一些方法来确定 jQuery 中的哪个图像。（上课是最好的方式）
然后你可以使用这个代码 - http://jsfiddle.net/kJEGd/2/
使用 Shopp 时，无需进行任何额外的编码来尝试完成此操作。
首先，任何已class = "shopp-zoom"设置的（图像）链接在单击时都会自动打开一个带有原始图像的灯箱。
接下来，要使用较小的图像（缩略图），您可以轻松地在 WP-admin -> Shopp 设置中指定这些图像，并添加setting="name-of-my-setting"到链接所在的模板文件中的选项中，最有可能是 collection.php 或 product.php 但 cart.php也可以。