jquery - 业务催化剂和 jquery 云缩放

Question

我可以在静态网站上使用云缩放，但使用 adobe BC 我迷路了。我需要在悬停时放大大型产品图像，但我不确定需要添加哪些代码才能在 BC 中工作或将其放置在哪里，以便大图像标签链接到缩放尺寸图像。

Answer 1

除了预期的“大”图像之外，您还会上传专门用于缩放的大图像吗？如果是这样：

• 在“自定义”产品字段之一中添加缩放图像的路径（在此示例中我将使用“自定义 1”）。

• 在您的大型产品布局 ( /Layouts/OnlineShop/large_product.html) 中，将 {tag_largeimage} 标记替换为以下内容：

  <!-- Create a Cloud Zoom in the usual way. -->
  <img src="{tag_largeimage_path}" id = "zoom1" class = "cloudzoom"
       data-cloudzoom = "zoomImage: '{tag_custom1}'" />
  

另一种方法是仅上传“缩放”图像，并让 BC 的图像大小调整功能为您缩小尺寸，从而减少您的工作量。

假设您的大型产品布局需要 300x400 像素的“大”图像，而您上传的图像要大得多：

<img src="{tag_largeimage_path}?Action=thumbnail&Width=300&Height=400&algorithm=proportional"
     id = "zoom1" class = "cloudzoom"
     data-cloudzoom = "zoomImage: '{tag_largeimage_path}'" />

否则，您可以使用 BC 的内置缩放功能，此处记录：http: //kb.worldsecuresystems.com/134/bc_1342.html#main_Individual_Product__Large_

注意：_path图片标签中的后缀并非适用于所有图片标签；有些，比如 webapp 图片，只接受_value.