将 URL 链接至 Web 应用程序

您的网站和应用程序通过URL字符串访问Dynamic Media Image Server内容。 在发布图像后,Dynamic Media Classic会激活引用Dynamic Media图像服务器上的图像预设的URL字符串。 可将这些 URL 粘贴至 Web 浏览器进行测试。

要将这些URL字符串放置到网页和应用程序中,请从Dynamic Media Classic中复制它们。 要获得由图像预设生成的 URL 字符串,请转到“预览”屏幕或浏览面板(在中)。

获得图像预设 URL

可从“预览”或详细信息视图中获得由图像预设生成的 URL 字符串。复制 URL 后,该字符串将放置在剪贴板上,以便在必要时进行粘贴。

注意

在发布资源之前,URL 处于非激活状态。

从预览中获得图像预设 URL

  1. 在左侧“资源库”面板中,导航到包含要预览的图像资源的“资源”文件夹。

  2. 执行以下任一操作:

    • 在“资源”窗口上方的工具栏右侧,单击“网格视图”。在“资产”窗口中,选择一个图像资产,然后在缩略图图像下方,单击​预览 > 图像预设列表
    • 在“资源”窗口上方的工具栏右侧,单击“列表视图”。在“资产”窗口中,选择一个图像资产,然后在缩略图的右侧,单击​预览 > 图像预设列表
    • 在“资源”窗口上方的工具栏的右侧,单击“详细信息视图”。在同一工具栏上,单击​预览 > 图像预设列表
  3. (可选)在图像预设列表的“复制URL生成的URL编码”下拉列表中,选择要在复制图像资产的URL时应用到的URL编码。

  4. 在“图像预设”列表窗口的预览窗格的右上角区域,单击选定预设类型的​复制URL

  5. 在“图像预设”列表窗口的右下角,单击​关闭​以返回“资产”屏幕。

从浏览面板中获得图像预设 URL

  1. 在左侧“资源库”面板中,导航到包含要预览的图像资源的“资源”文件夹。
  2. 在“资源”窗口上方的工具栏右侧,单击“网格视图”。在“资源”窗口中,选择单个图像资源。
  3. 在“资源”窗口上方的工具栏的右侧,单击“详细信息视图”。
  4. 单击屏幕右侧面板上的​URL​以展开图像预设的列表。
  5. 单击包含要复制到剪贴板的URL的图像预设名称旁边的​复制URL​链接。

关于图像预设 URL 字符串

对Dynamic Media图像服务器的图像大小调整URL调用具有以下基本语法:

路径/图像服务器名称/帐户名称/图像名称?修饰符1&修饰符2&…

在Dynamic Media图像服务器URL中,显示图像的服务器说明显示在问号(?)之后。 例如,以下 URL 调用将传送一个名为“backpack”宽度为 250 个像素的图像:

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250

图像预设 URL 包含按相应大小和格式规范显示图像的所有修饰符指令。对于没有图像预设的情况,请注意此 URL 字符串中问号 (?) 之后的所有修饰符指令:

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250&fmt=jpeg&qlt=80,0&resMode=sharp&op_usm=1.1,0.5,1,0

然而,在图像预设生成的 URL 字符串中,图像预设的名称将代替图像预设定义的指令。例如,对于上面的长 URL,此 URL 字符串为:

https://s7d1.scene7.com/is/image/S7learn/backpack?$Large$

在 URL 中图像预设名称用美元符号 ($) 括起。当Dynamic Media图像服务器遇到URL的“图像预设”部分(本例中为Large)时,请使用“大”图像预设定义的大小和格式说明。

将动态图像添加到网页中

要向网页添加动态图像,通常会使用Dynamic Media Classic URL字符串修改HTML网页代码中的<IMG>标记,以向Dynamic Media图像服务器发出请求。 该字符串会按图像预设定义的大小和格式规范生成图像。

例如,与以下用于打开静态图像的典型调用不同

img src="/company_images/products/backpack_thumbnail.jpg"

现在,您可以使用<IMG>标记将对静态图像的引用替换为对Dynamic Media Classic平台的图像预设调用。 示例调用如下所示:

img src="https://s7d2.scene7.com/is/image/S7learn/backpack_trns?$thumbnail$”

在此示例中,Dynamic Media图像服务器“查找”$thumbnail$的定义,并使用thumbnail图像预设定义的大小和格式规范动态生成相应的图像。 在 URL 字符串中,除产品图像文件名称(本例中为backpack_trns )之外的所有项目都由网页模版所固定。唯一可从商业服务器自动插入到网页模版的元素是 IPS ID 或图像名称。

在此页面上