将两个动态图像转换为与Jquery的链接

Question

我正在使用一个名为shopp sell products的wordpress插件，而shopp的一个方面是它的图像渲染。我试图基本上告诉shopp返回相同产品的两个图像：一个缩略图和一个大图像。这两个图像都返回到彼此相邻的页面。完美！

我需要做的是使用jquery隐藏大图像，并将缩略图设置为大图像（灯箱样式）的链接。  见下面的例子!!

我无法在纯HTML和CSS中执行此操作的原因是因为图像是动态生成的，而shopp没有“图像链接”功能。再次，我需要拍摄这两个图像，并使用jquery使用（上图）图像下方的标记将大图像设置为小图像的链接。

知道我怎么能做到这一点吗？

Answer 1

您需要一些方法来确定哪个图像是jQuery中的哪个。 （一堂课是最好的方式）

然后您可以使用此代码 - http://jsfiddle.net/kJEGd/2/

Answer 2

使用Shopp时，无需进行任何其他编码即可完成此操作。

首先，设置了class = "shopp-zoom"的任何（图片）链接都会在点击时自动打开包含原始图片的灯箱。

接下来，要使用较小的图像（缩略图），您可以轻松指定WP-admin中的图像 - ＆gt; Shopp设置并将setting="name-of-my-setting"添加到模板文件中链接所在的选项，很可能是collection.php或product.php，但cart.php也可以。