Verknüpfen von URLs mit einer Web-Anwendung linking-urls-to-your-web-application

Ihre Websites und Anwendungen greifen über URL-Zeichenfolgen auf den Dynamic Media Image Server-Inhalt zu. Nachdem Sie ein Bild veröffentlicht haben, aktiviert Adobe Dynamic Media Classic eine URL-Zeichenfolge, die auf Dynamic Media-Bildservern auf die Bildvorgabe verweist. Sie können die URLs zum Test kopieren und in einen Webbrowser einfügen.

Um diese URL-Zeichenfolgen in Ihre Webseiten und Anwendungen zu platzieren, kopieren Sie sie aus Adobe Dynamic Media Classic. Um eine mit einer Bildvorgabe generierte URL-Zeichenfolge abzurufen, gehen Sie zum Bildschirm "Vorschau"oder zum Durchsuchenbedienfeld (in der Detailansicht).

Abrufen einer Bildvorgabe-URL obtaining-an-image-preset-url

Eine mit einer Bildvorgabe generierte URL-Zeichenfolge lässt sich im Anzeigebereich „Vorschau“ und in der Detailansicht abrufen. Sie können die URL in die Zwischenablage kopieren und dann nach Bedarf einfügen.

NOTE
Diese URL wird erst dann aktiv, wenn Sie das Asset veröffentlichen.

Abrufen einer Bildvorgabe-URL aus der Vorschau obtaining-an-image-preset-url-from-preview

  1. Navigieren Sie auf der linken Seite der Asset-Bibliothek zum Ordner "Asset", der das Bild-Asset enthält, das in der Vorschau angezeigt werden soll.

  2. Führen Sie einen der folgenden Schritte aus:

    • Wählen Sie über dem Fenster "Assets"auf der rechten Seite der Symbolleiste die Option Rasteransicht. Wählen Sie im Fenster "Asset"ein einzelnes Bild-Asset aus und navigieren Sie unter dem Miniaturbild zu Vorschau > Bildvorgabenliste.
    • Wählen Sie über dem Fenster "Assets"auf der rechten Seite der Symbolleiste die Option Listenansicht. Wählen Sie im Fenster "Asset"ein einzelnes Bild-Asset aus und navigieren Sie dann rechts neben dem Miniaturbild zu Vorschau > Bildvorgabenliste.
    • Wählen Sie über dem Fenster "Assets"auf der rechten Seite der Symbolleiste die Option Detailansicht. Navigieren Sie in derselben Symbolleiste zu Vorschau > Bildvorgabenliste.
  3. (Optional) Wählen Sie in der Liste "Bildvorgabe"in der Dropdown-Liste URL-Kodierung für URL-Kopiegenerierung die URL-Kodierung aus, die beim Kopieren auf die URL des Bild-Assets angewendet werden soll.

  4. Wählen Sie im Fenster Bildvorgabeliste oben rechts im Vorschaufenster die Option URL kopieren für den ausgewählten Vorgabetyp.

  5. Wählen Sie in der rechten unteren Ecke des Fensters Bildvorgabenliste die Option Schließen , um zum Bildschirm Assets zurückzukehren.

Abrufen einer Bildvorgabe-URL aus dem Durchsuchenbedienfeld obtaining-an-image-preset-url-from-the-browse-panel

  1. Navigieren Sie auf der linken Seite der Asset-Bibliothek zum Ordner Asset , der das Bild-Asset enthält, das Sie in der Vorschau anzeigen möchten.
  2. Wählen Sie über dem Fenster "Assets"auf der rechten Seite der Symbolleiste die Option Rasteransicht. Wählen Sie im Fenster „Asset“ ein einzelnes Bild-Asset aus.
  3. Wählen Sie über dem Fenster "Assets"auf der rechten Seite der Symbolleiste die Option Detailansicht.
  4. Auswählen URLs im Bereich auf der rechten Bildschirmseite, damit Sie die Liste der Bildvorgaben erweitern können.
  5. Auswählen URL kopieren neben dem Namen der Bildvorgabe mit der URL, die Sie in die Zwischenablage kopieren möchten.

URL-Zeichenfolgen zu Bildvorgaben about-image-preset-url-strings

Ein URL-Aufruf für die Bildgröße an Dynamic Media-Bildserver hat die folgende grundlegende Syntax:

Pfad/Name des Image-Servers/Kontoname/Bildname?Modifikator1&Modifikator2&…

In einer Dynamic Media Image Server-URL werden nach dem Fragezeichen (?) Anweisungen für den Server zur Anzeige des Bildes angezeigt. Beispielsweise liefert dieser URL-Aufruf ein Bild mit dem Namen "backpack"mit einer Breite von 250 Pixel:

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

Eine Bildvorgabe-URL enthält alle Modifikator-Anweisungen für die Darstellung des Bildes in der richtigen Größe und mit der richtigen Formatierung. Ohne Bildvorgabe sind nach dem Fragezeichen (?) sämtliche Modifikator-Anweisungen in der URL-Zeichenfolge angegeben:

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

Bei einer URL-Zeichenfolge, die mit einer Bildvorgabe generiert wurde, ist statt der Vorgabenanweisungen der Name der Bildvorgabe angegeben – hier das Beispiel analog zur langen URL oben:

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

Bildvorgabennamen in URLs sind in Dollarzeichen ($) eingeschlossen. Wenn ein Dynamic Media-Bildserver auf den Bildvorgabenteil der URL trifft (die Large in diesem Fall) unter Verwendung der in der Bildvorgabe "Groß"definierten Größen- und Formatierungsanweisungen.

Dynamische Bilder zu Ihrer Webseite hinzufügen adding-dynamic-images-to-your-web-page

Um Ihrer Web-Seite dynamische Bilder hinzuzufügen, muss die <IMG> -Tag in Ihrem HTML-Web-Seiten-Code wird in der Regel mithilfe der Adobe Dynamic Media Classic-URL-Zeichenfolge geändert, um eine Anforderung an Dynamic Media-Image-Server zu senden. Mit der Zeichenfolge wird das Bild in der Größe und Formatierung gemäß Bildvorgabe dargestellt.

Der typische Aufruf zum Öffnen eines statischen Bildes wäre beispielsweise dies:

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

Sie verwenden jetzt die <IMG>-Tag, um den Verweis auf ein statisches Bild durch einen Bildvorgabenaufruf an die Adobe Dynamic Media Classic-Plattform zu ersetzen. Hier ein Beispiel:

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

In diesem Beispiel "sucht"ein Dynamic Media-Bildserver die Definition von $thumbnail$ und generiert dynamisch das entsprechende Bild mit den Größenangaben und Formatierungsspezifikationen, die von der thumbnailBildvorgabe. In einer URL-Zeichenfolge werden alle Elemente mit Ausnahme des Dateinamens des Produktbilds ( backpack_trns (in diesem Fall) für die Seitenvorlage normalerweise fest verdrahtet sind. Das einzige Element, das automatisch von Ihrem kommerziellen Server in die Seitenvorlage eingefügt wird, ist die IPS-ID bzw. der Name des Bildes.

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