如何使用javascript动态更改cloud zoom Image 1.0.2

我已经找到了使用

rel=“smallImage:image1.jpg”

等链接更改缩放图像的方法，但我正在运行时创建一个图像并将其添加到页面中，因此当页面首次加载时，链接将不在那里（似乎需要这样做）。 当我在运行时生成图像时，我会向页面添加一个缩略图和一个链接，以将缩略图作为大图像打开。然后，我希望能够将鼠标悬停在该图像上以获得云缩放功能，但即使我使用上面提到的代码来设置图像，我仍然会将原始图像视为缩放图像

我想知道是否有一种方法可以在更改图像源的同时使用JQuery更改缩放图像？我希望得到像

$（“image1”）.CloudZoom.zoomImage=“image2.jpg”

这样简单的东西，但这样的东西似乎都不管用

---

谢谢大家

您可以将缩略图放在一个div中，并给该div一个onclick事件

 <div onclick="DisplayThumbnail(ImagePath)"><img src="ImagePath" /></div>

调用javascript函数并添加以下内容：

$（'#CloudZoom'）.attr（“href”，newimagepath）；
$（'.cloud zoom，.cloud zoom gallery'）.CloudZoom（）

cloudzoom使用锚定标记的href指向要使用的图像，因此我们将href更新为新的图像标记
 哇，谢谢你。过去一个半小时我一直在挠头。