将图像集链接到网页

发布图像集之后,您可以在网站或应用程序中使用其 URL 或嵌入代码。然后,可以根据需要部署该 URL 或粘贴嵌入代码,以便用户可以在您的网站或应用程序上查看图像集。

注意

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

复制图像集 URL

  1. 在“资源浏览”面板的“显示”下拉列表中,单击“图像集”。

  2. 在左侧的“资源库”面板中,导航至要复制其嵌入代码的图像集所在的资源文件夹。

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

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

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

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

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

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

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

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

将图像集 URL 添加到网页

部署图像集最常见的方法是在网页上放置链接(通过导航图标)。单击该链接后,将启动一个动态页(JSP),该页在弹出缩放窗口中显示图像集。 缩放链接会打开一个弹出窗口,其中包含实际的缩放功能。

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

复制图像集查看器的嵌入代码

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

复制图像集查看器的嵌入代码

  1. 在“资源浏览”面板的“显示”下拉列表中,单击“图像集”。

  2. 在左侧的“资源库”面板中,导航至要复制其嵌入代码的图像集所在的资源文件夹。

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

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

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

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

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

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

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

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

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

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

  5. 单击​关闭

在此页面上

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