用jquery把两张动态图片变成链接答案

【问题标题】：Turn two dynamic images into a link with Jquery用jquery把两张动态图片变成链接
【发布时间】：2011-07-02 02:41:24
【问题描述】：

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

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

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

知道我该如何做到这一点吗？

【问题讨论】：

查看您的代码示例，这正是大多数灯箱使用的标记。有什么问题？

标签： jquery image dynamic wordpress shopp

【解决方案1】：

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

那么你可以使用这个代码 - http://jsfiddle.net/kJEGd/2/

【讨论】：

【解决方案2】：

在使用 Shopp 时，无需进行任何额外的编码来尝试完成此操作。

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

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

【讨论】：