Jssor图像更改链接到下拉菜单

Question

我正在使用Jssor Slider在我的某个网站上显示产品图片。我使用带有缩略图导航的滑块，对于大多数产品，标准实现完全可以作为标准使用。但是，有许多产品可从下拉列表中选择各种选项（每个产品都有自己的特定图像）。要加载所有缩略图，我只是遍历数据库表，我也会这样做以填充下拉列表。

我想要做的是选择一个特定的下拉选项来触发与点击相关缩略图相同的操作并加载完整尺寸的图像。

在我将jssor滑块添加到产品页面之前，我刚刚使用JavaScript来获取所选索引并以这种方式更改主图像源：

http://www.scotcrest.com/singleproduct.php?action=More+Details&productId=18&productName=Clan%20Cloot%20Tea%20Towels

（那是当前的版本 - 没有jssor）

但我对jquery（我通常使用php）经验并不是很有经验，所以我对如何使用jssor函数进行处理感到茫然。

我尝试通过查看点击缩略图时触发的代码并试图在更改选择框时触发但未真正到达任何地方来尝试这样做。

这是我正在处理的新版本，但无法获取下拉菜单以触发图像更改：

http://www.scotcrest.com/singleproduct2.php?action=More+Details&productId=18&productName=Clan%20Cloot%20Tea%20Towels

有人能帮我指出正确的方向吗？

由于

Answer 1

将影子箱开场代码添加到border-radius功能应该有效：

#category .category-thing .category-thing-right-wrapper-wrapper .category-thing-right-wrapper {
  display: inline-block;
  position: absolute;
  width: 57px;
  height: 57px;
  background-size: contain;
}