將影像集連結至網頁

發佈影像集後，您便可以在網站或應用程式中複製其 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-Hant#section-e1c3106f5b3e445d9b95be337c2f94e2)中的「內嵌HTML5縮放檢視器」。[

複製「影像集」檢視器的內嵌程式碼

您可使用「內嵌程式碼」功能查看所選「影像集」的檢視器程式碼。您也可以將該程式碼複製到剪貼簿，然後在您的網頁中貼上，以便部署檢視器。「內嵌代碼」對話方塊中不允許編 輯代碼 。

複製「影像集」檢視器的內嵌程式碼

1. 在「資產瀏覽」面板中，從「顯示」下拉式清單中按一下「影像集」。

2. 在左側的「資產庫」面板中，導覽至含有您要複製其內嵌程式碼之「影像集」的資產資料夾。

3. 在工具列右側的「資產瀏覽」面板上方，執行下列任一操作:

   • 按一下「格點檢視」。在「資產瀏覽」面板中，按兩下單一資產以在「詳細檢視」中開啟。在右側的 URL 面板中，按一下「內嵌程式碼」。

   • 按一下「格點檢視」。在「資產瀏覽」面板中，選取單一資產，然後在縮圖影像下方按一下「預覽 > 檢視器清單」。

     在「檢視器清單」頁面，按一下表格中「動作」欄下方的「內嵌程式碼」。

   • 按一下「清單檢視」。在「資產瀏覽」面板中，選取單一資產，然後按一下縮圖影像右側的「預覽 > 檢視器清單」。

     在「檢視器清單」頁面，按一下表格中「動作」欄下方的「內嵌程式碼」。

   • 按一下「格點檢視」、「清單檢視」或「詳細檢視」。在同一個工具列上，按一下「預覽 > 檢視器清單」。

     在「檢視器清單」頁面，按一下表格中「動作」欄下方的「內嵌程式碼」。

4. 在「內嵌程式碼」對話框中，按一下「複製至剪貼簿」。

   不可在「內嵌程式碼」對話框中編輯程式碼。

5. 按一下 關閉。