Question

我有一个使用BigCommerce的网站，该网站在产品页面上有一个显示一些缩略图图像的功能。当用户点击缩略图图像时，它会显示该图像的一些描述，还应将左侧的主图像交换为所选缩略图的大版本。

脚本正在为描述正确执行显示/隐藏部分，但不交换主图像。我想知道是否有人可以帮助解决这个问题？联系BigCommerce，但他们说这是一个模板特定的问题，他们无法帮助。

在检查Web检查器时，它表示存在未捕获的类型错误，并且缺少rel标记的“largeimage”属性。我尝试重新加入，但没有任何效果。

谢谢。

Answer 1

你有一个函数showProductThumbImage()需要两个参数，但你只传递一个，例如：

<a onclick="showProductThumbImage(2)" href="#"><img ... /></a>

第二个参数应该是对元素的引用......在你传递的其他地方this，所以你应该在这里做同样的事情。该函数期望传递的元素具有包含JSON字符串的rel属性作为其值。页面上隐藏的元素具有看起来正确的rel属性：

<a href="javascript:void(0);"
    rel='{"gallery": "prodImage", "smallimage": "http://www.kriega.com/product_images/m/322/HY3home__49494_std.jpg", "largeimage": "http://www.kriega.com/product_images/h/328/HY3home__71324_zoom.jpg"}'
><img ... /></a>

您需要将包含上述JSON的rel属性放入调用showProductThumbImage()的链接中，并将this作为第二个参数传递：

<a onclick="showProductThumbImage(2, this)" href="#"
    rel='{"gallery": "prodImage", "smallimage": "http://www.kriega.com/product_images/m/322/HY3home__49494_std.jpg", "largeimage": "http://www.kriega.com/product_images/h/328/HY3home__71324_zoom.jpg"}'
><img ... /></a>

交换图像并显示图像缩放

1 个答案: