将缩放查看器链接到网页

您的网站和应用程序可通过URL字符串或嵌入代码访问Dynamic Media Image Server内容,包括主控图像和关联的缩放目标,以及缩放查看器预设。 这些 URL 字符串在发布过程中被激活。要将这些URL字符串或嵌入的代码放置到您的网页和应用程序中,可从Dynamic Media Classic中复制它们。

注意

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

复制缩放查看器 URL

  1. 在左侧的“资源库”面板中,导航至要复制其 URL 的缩放查看器所在的资源文件夹。

  2. 在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:

    • 单击“网格视图”或“列表视图”。在“资源浏览”面板中,双击单个资源以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中,单击所需查看器右侧的“复制 URL”。

    • 单击“网格视图”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像下方单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“复制 URL”。

    • 单击“列表视图”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像右侧单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“复制 URL”。

    • 单击“网格视图”、“列表视图”或“详细信息视图”。在同一工具栏上,单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“复制 URL”。

将缩放查看器 URL 添加到网页中

网站访客通常通过先选择“缩放”图标(通常该图标显示为放大镜图像)来缩放图像。选择该图标会启动一个动态网页(ASP 或 JSP),该网页在弹出窗口中显示该图像。弹出窗口是访客实际缩放该图像的位置。

有关其他详细信息和代码示例,请参阅《Adobe查看器参考指南》](/docs/dynamic-media-developer-resources/library/viewers-aem-assets-dmc/basic-zoom/c-html5-20-basic-zoom-viewer-about.html?lang=zh-Hans#section-e1c3106f5b3e445d9b95be337c2f94e2)中的[嵌入HTML5 Basic Zoom Viewer。

复制缩放查看器的嵌入代码

使用嵌入代码功能,您可以查看用于所选缩放查看器的查看器代码。您也可以将代码复制到剪贴板中,以便可以将其粘贴到网页中以部署查看器。不允许在“嵌入代码”对 话框中编辑代码 。

复制缩放查看器的嵌入代码

  1. 在左侧的“资源库”面板中,导航至要复制其嵌入代码的缩放查看器所在的资源文件夹。

  2. 在“资源浏览”面板上方的工具栏右侧,执行以下任一操作:

    • 单击“网格视图”。在“资源浏览”面板中,双击单个资源以便在详细信息视图中将其打开。在右侧的“URL 和嵌入代码”面板中,单击所需查看器右侧的“嵌入代码”。

    • 单击“网格视图”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像下方单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“嵌入代码”。

    • 单击“列表视图”。在“资源浏览”面板中,选择单个资源,然后在缩略图图像右侧单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“嵌入代码”。

    • 单击“网格视图”、“列表视图”或“详细信息视图”。在同一工具栏上,单击“预览”>“查看器列表”。

      在“查看器列表”页面中表的“操作”列下,单击“嵌入代码”。

  3. 在“嵌入代码”对话框中,单击“复制到剪贴板”。

    在“嵌入代码”对话框中不允许编辑代码。

  4. 单击​关闭

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now