Link Zoom viewers to your web pages linking-zoom-viewers-to-your-web-pages

Your web sites and applications access Dynamic Media Image Server content, including primary images and associated zoom targets, and Zoom Viewer Presets, by way of URL strings or embedded code. These URL strings are activated during the publishing process. To place these URL strings or the embedded code in your web pages and applications, you copy them from Adobe Dynamic Media Classic.

NOTE
The URL is not active until you publish the asset.

Copy a Zoom viewer URL copying-a-zoom-viewer-url

  1. in the Asset Library panel on the left side, navigate to the asset folder that contains the Zoom viewer whose URL you want to copy.

  2. Above the Asset Browse panel, on the right side of the toolbar, do one of the following:

    • Select Grid View or List View. In the Asset Browse panel, double-click a single asset to open it in Detail View. In the URLs and Embed Code panel on the right, select Copy URL to the right of the viewer you want.

    • Select Grid View. In the Asset Browse panel, select a single asset, and then below the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

    • Select List View. In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

    • Select Grid View, List View, or Detail View. On the same toolbar, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Copy URL.

Add Zoom viewer URLs to your web page adding-zoom-viewer-urls-to-your-web-page

Typically, visitors zoom images on a website by first selecting a Zoom icon (often the icon shows the image of a magnifying glass). Selecting this icon launches a dynamic web page (ASP or JSP) that displays the image in a pop-up window. The pop-up window is where visitors actually zoom the image.

For more details and code samples, see Embed HTML5 Basic Zoom Viewer in the Adobe Viewers Reference Guide.

Copy the embed copy of a Zoom viewer copying-the-embed-copy-of-a-zoom-viewer

Using the Embed Code feature lets you review the viewer code for the selected Zoom viewer. You can also copy the code to the clipboard so you can paste it in your web pages for deployment of the viewer. Editing of the code is not permitted in the Embed Code dialog box.

To copy the embed code of a Zoom viewer:

  1. in the Asset Library panel on the left side, navigate to the asset folder that contains the Zoom viewer whose embed code you want to copy.

  2. Above the Asset Browse panel, on the right side of the toolbar, do one of the following:

    • Select Grid View. In the Asset Browse panel, double-click a single asset to open it in Detail View. In the URLs and Embed Code panel on the right, select Embed Code to the right of the viewer you want.

    • Select Grid View. In the Asset Browse panel, select a single asset, and then below the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

    • Select List View. In the Asset Browse panel, select a single asset, and then to the right of the thumbnail image, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

    • Select Grid View, List View, or Detail View. On the same toolbar, go to Preview > Viewer List.

      In the Viewer List page, under the Actions column of the table, select Embed Code.

  3. In the Embed Code dialog box, select Copy to Clipboard.

    Editing the code is not permitted in the Embed Code dialog box.

  4. Select Close.

recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26