DocumentatieDynamic Media Classic Guide

Afbeeldingen met hyperlinks maken creating-image-maps

Last update: Thu Aug 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • tussenpersoon
  • Gebruiker

Een afbeelding met hyperlinks is een gebied op een afbeelding, een eCatalog-pagina of een afbeelding in een SpinSet waarin een rollover-deelvenster met tekst wordt weergegeven. Wanneer de gebruiker een Kaart van het Beeld selecteert, wordt een actie van één of andere soort teweeggebracht. Een webpagina wordt bijvoorbeeld gestart zodat de gebruiker meer over een product kan leren. Er verschijnt een omtrek rond een afbeelding met hyperlinks wanneer de gebruiker de aanwijzer erboven plaatst.

Naast de mogelijkheid om afbeeldingen met hyperlinks te maken in Adobe Dynamic Media Classic, kunt u ook afbeeldingen met hyperlinks maken wanneer u een catalogus ontwerpt in Adobe Acrobat of Adobe InDesign.

Wanneer u Afbeeldingskaarten maakt, kunt u het volgende doen:

  • Voer rollovertekst in.
  • Voer JavaScript en URL's in om webpagina's te starten.
  • Maak URL-sjablonen voor afbeeldingen met hyperlinks.
  • Kopieer Afbeeldingskaarten naar andere afbeeldingen of eCatalog-pagina's of SpinSets.
  • Afbeeldingen met hyperlinks exporteren naar CSV of XML.
  • Importeer metagegevens van een afbeelding uit een door tabs gescheiden bestand of uit een XML-bestand.
  • Bepaal Andere Acties zoals die door het Consortium van World Wide Web worden bepaald.
  • Afbeeldingen met hyperlinks voorvertonen.

  1. Voer een van de volgende handelingen uit:

    • Als u met een afbeelding werkt in de rasterweergave of lijstweergave, selecteert u Image Map in de vervolgkeuzelijst Bewerken. U kunt de afbeelding ook openen in de gedetailleerde weergave en vervolgens Image Map boven de afbeelding selecteren.
    • Selecteer Edit als u met een SpinSet werkt in de rasterweergave of lijstweergave. U kunt het ook openen in de gedetailleerde weergave en vervolgens Edit selecteren. Selecteer een afbeeldingselement en selecteer vervolgens Image Map .
    • Als u met een eCatalog werkt, in de Mening van het Net, de Mening van de Lijst, de Mening van het Detail, uitgezochte Edit. Selecteer de tab Map Pages .

    de illustratie van de Kaart van het Beeld 1

  2. Teken een rechthoekige of veelhoekige (veelzijdige) afbeelding met hyperlinks:

    • Rechthoekige kaart: Selecteer het hulpmiddel van de Kaart van het Beeld van de Rechthoek en sleep op de pagina om de rechthoek tot stand te brengen. Als u een punt wilt toevoegen aan een rechthoekige kaart (en het dus wilt wijzigen in een veelhoekige kaart), drukt u op Ctrl en plaatst u het invoeggereedschap op de gewenste locatie en selecteert u.

    • Veelhoekkaart: Selecteer het hulpmiddel van de Kaart van het Beeld van de Veelhoek en selecteer punten op de perimeter van het gebied van het beeld u wilt insluiten. Gebruik de schuifregelaar voor veelhoekdichtheid om de puntdichtheid in de veelhoek te variëren. De oorspronkelijke dichtheid wordt onthouden als u andere kaarten selecteert. Als een punt wordt toegevoegd, verwijderd of verplaatst in de veelhoek, gaat de oorspronkelijke dichtheid verloren. De schuifregelaar wordt teruggezet op de maximale waarde.

  3. Voer desgewenst een naam voor de afbeelding met hyperlinks in de lijst Afbeeldingskaart in. Nadat u een afbeelding met hyperlinks hebt getekend, wijst Adobe Dynamic Media Classic er een naam aan toe.

    Om de naam te maken, voegt Adobe Dynamic Media Classic een volgnummer toe aan de naam van de afbeelding of de eCatalog-pagina waarmee u werkt. U kunt een naam van uw keuze invoeren.

  4. Als u wilt dat gebruikers een nieuwe webpagina openen wanneer zij Afbeeldingskaart selecteren, voert u de URL in de lijst Afbeeldingskaart in.

    Zie om JavaScript en URLs in te gaan.

  5. Als u rollovertekst wilt weergeven wanneer gebruikers de aanwijzer over de Afbeeldingskaart bewegen, voert u de tekst in de lijst Afbeeldingskaart in. Selecteer in de lijst Afbeeldingskaart het menu Show en selecteer Rollover Text . Voer vervolgens de tekst in die gebruikers op het scherm moeten zien. U kunt de tekst in een tekstverwerker schrijven en het kopiëren in het de tekstgebied van het Omvergooien.

  6. Als u een ander actieeffect wilt voorkomen wanneer de gebruikers de muis over een Kaart van het Beeld bewegen, bepaal de actie. Selecteer Show in de vervolgkeuzelijst Other Actions . Voer de kenmerken van de handeling in. (Ga naar Show > Both om rollovertekst en een handeling voor een afbeelding met hyperlinks te maken.)

    Zie andere acties voor de Kaarten van het Beeldbepalen.

  7. (Optioneel) Voer een van de volgende handelingen uit:

    • Selecteer Preview als u een voorvertoning van afbeeldingen met hyperlinks wilt weergeven.

    • Als u een afbeelding met hyperlinks of een veelhoekpunt wilt verwijderen, selecteert u een vorm in de afbeelding en selecteert u vervolgens Delete . Of selecteer voor een eCatalog op het tabblad Order Pages Clear Maps om de afbeeldingen met hyperlinks van alle pagina's te verwijderen.

    • Een afbeelding verwijderen:

      • Afbeeldingskaart van een afbeelding
      • een afbeelding in een SpinSet
      • of, een eCatalog-pagina

      Schakel tijdelijk, zonder deze te verwijderen, de desbetreffende optie Op uit in de lijst Afbeeldingskaart.

  8. Selecteer Save .

De positie, vorm en grootte van afbeeldingskaarten aanpassen adjusting-the-position-shape-and-size-of-image-maps

Als u de positie, vorm en grootte van een afbeelding met hyperlinks wilt wijzigen, selecteert u de knop Afbeelding met hyperlinks. Selecteer vervolgens het gereedschap Pan en volg de volgende instructies:

  • positie van de Verandering: Beweeg de wijzer dichtbij maar niet over de grens van de Kaart van het Beeld. Als u het pictogram met de vier pijlpunten ziet, sleept u de kaart naar een nieuwe locatie.

  • verander de grootte en de vorm: Hoe u de vorm en de grootte van een Kaart van het Beeld afhangt van of u met een rechthoekige of veelhoekige Kaart van het Beeld werkt:

TIP
U kunt de schuifregelaar Grootte onder aan het scherm verslepen om de weergave te wijzigen en uw afbeelding met hyperlinks beter te bekijken.

  • Rechthoekige Kaart van het Beeld: Beweeg de wijzer over een kant of een hoek van de Kaart van het Beeld. Wanneer u het pictogram met de dubbele pijl ziet, begint u te slepen. Houd Shift ingedrukt terwijl u sleept om de grootte te wijzigen, maar de hoogte-breedteverhouding (de vorm) te behouden.

  • Veelhoekige Kaart van het Beeld: Sleep een vierkante selectiehandvat. Als u een selectiegreep wilt maken, selecteert u de rand van de Afbeeldingskaart en begint u te slepen.

Als uw afbeelding of eCatalog-pagina meer dan één afbeelding met hyperlinks bevat en de afbeeldingen overlappen, kunt u bepalen hoe de afbeeldingen overlappen. Wijzig hiertoe de volgorde van de afbeeldingen in de lijst Afbeeldingskaart. Sleep hun namen hoger of lager in de lijst. Hoe hoog een naam op de lijst is bepaalt of zijn Kaart van het Beeld andere Kaarten van het Beeld overlapt.

Afbeeldingskaartgegevens importeren importing-image-map-data

In plaats van de gegevens van de Kaart van het Beeld op elke pagina in te gaan, kunt u de gegevens voor uw beeld, de Reeks van de Rotatie, of eCatalog in het Summiere scherm van de Kaart invoeren. U importeert de gegevens van de Kaart van het Beeld in de vorm van een lusje-afgebakend dossier of van XML DTD. De velden in het bestand moeten in de volgorde staan die wordt weergegeven in het scherm Kaartoverzicht: Naam, inhoudsopgavelabels, Kaarten, URL's, Rollover-tekst, Overige handelingen en Zoeken. Door de gegevens van de Kaart van het Beeld in te voeren bespaart u het probleem om de gegevens in de lijst van de Kaart van het Beeld in te gaan aangezien u elke Kaart van het Beeld creeert.

om de gegevens van de Kaart van het Beeld in te voeren:

  1. Ga naar de de redacteurspagina van de Kaart van het Beeld (voor beelden of beelden in SpinSets) of het lusje van de Pagina's van de Kaart van het eCatalog het uitgeven scherm.
  2. Selecteer Import Metadata .
  3. Selecteer Afbeelding of Afbeeldingskaart in het dialoogvenster Metagegevens uploaden om de metagegevens van het gewenste type elementeigenschap te uploaden.
  4. Selecteer in de vervolgkeuzelijst Generate File het type bestand dat u wilt maken.
  5. (Optioneel) Selecteer Generate om een voorvertoning van de resulterende gegevens weer te geven op basis van het type bestand dat u wilt maken. Selecteer Close om terug te keren naar het dialoogvenster Metagegevens uploaden.
  6. Blader naar het bestand dat u wilt uploaden. Geef in het tekstveld Bestandsnaam de naam van het gegenereerde bestand op.
  7. (Optioneel) Geef in het veld Taaknaam een naam op voor de uploadtaak voor metagegevens.
  8. Selecteer Upload .

U kunt afbeeldingen met hyperlinks kopiëren van een afbeelding of van een eCatalog-pagina naar een andere. Gebruik Copy Image Map om een head-start met het maken van deze bestanden te maken. U kunt Afbeeldingskaarten ook kopiëren en opnieuw maken in afbeeldingen of pagina's met dezelfde layout- of toewijzingsstructuur.

Het kopiëren van afbeeldingen met hyperlinks in een eCatalog is bijvoorbeeld een handige manier om alle afbeeldingen met hyperlinks te kopiëren naar een andere taalversie van dezelfde eCatalog. Voor de beste resultaten is kopiëren het meest succesvol als u kopieert tussen eCatalogi met hetzelfde aantal pagina's en dezelfde afbeeldingen. Als de eCatalog waarnaar u kopieert reeds Kaarten van het Beeld bevat, worden die Kaarten van Beeld geschrapt wanneer het exemplaar wordt gemaakt.

om Kaarten van het Beeld te kopiëren:

  1. Ga naar de de redacteurspagina van de Kaart van het Beeld (voor beelden of beelden in SpinSets) of het lusje van de Pagina's van de Kaart van het eCatalog het uitgeven scherm.

  2. Selecteer Copy Maps to .

  3. Voer een van de volgende handelingen uit op basis van het feit of u afbeeldingen met hyperlinks kopieert of afbeeldingen met hyperlinks kopieert uit een eCatalog:

    • (Afbeeldingen) Selecteer in het scherm Afbeeldingen selecteren de afbeeldingen waarnaar u de afbeeldingen met hyperlinks wilt kopiëren.
    • (eCatalog) Selecteer in het scherm Select Asset de afbeeldingen of eCatalog-pagina's waarnaar u de Afbeeldingen met hyperlinks wilt kopiëren.

  4. Kies Select .

Een sjabloon gebruiken om JavaScript en URL's in te voeren using-a-template-to-enter-javascript-and-urls

U kunt een URL-sjabloon (ook wel een Href-sjabloon genoemd) definiëren om het invoeren van URL's voor afbeeldingen met hyperlinks eenvoudiger en efficiënter te maken. Definieer een URL-sjabloon als de meeste URL's van de Afbeeldingskaart een gemeenschappelijke, vaste indeling hebben. Door het gedeelte van URL in te voeren dat als malplaatje URL vast is, moet u niet dit gedeelte van URL ingaan telkens als u een Kaart van het Beeld creeert. Uw URL-sjabloon kan ook JavaScript-opdrachten, padnamen en parameters bevatten. Standaard bevat de URL-sjabloon een eigen Adobe Dynamic Media Classic JavaScript-handler met de naam loadProduct die de afbeelding in een nieuw venster opent.

NOTE
Wanneer u de JavaScript-code toevoegt aan het HREF-kenmerk van de Afbeeldingskaart, wordt de code uitgevoerd op de computer van de client. Controleer daarom of de JavaScript-code veilig is.

Informatie over URL-sjablonen about-url-templates

De URL-sjabloon vervangt de inhoud van de URL-kolom in de lijst Afbeelding met hyperlinks. Deze vervangt deze door de dubbele dollartekens ('$$') in de sjabloon:

Javascript:loadProduct('$$');void(0);

U plaatst alle waarden die niet tussen Afbeeldingen met hyperlinks veranderen in het malplaatje URL. Voeg alleen de waarden toe die wel veranderen in de URL-kolom in de lijst Afbeelding met hyperlinks. Bijvoorbeeld:

  • URL-sjabloon: javascript:loadProduct('https://www.examplesitehere.com/$$');void(0);
  • URL-waarde: product.htm
  • Werkelijke URL gegenereerd: javascript:loadProduct('https://www.examplesitehere.com/product.html);void(0);

Standaard bevat de URL-sjabloon een eigen Adobe Dynamic Media Classic JavaScript-handler met de naam loadProduct , waarmee een nieuw venster met de URL-bestemming wordt geopend. U kunt echter elke JavaScript-code gebruiken om deze JavaScript-handler te vervangen of een van de volgende Adobe Dynamic Media Classic-handlers gebruiken:

  • loadProductCW: geeft het URL-doel weer dat is opgegeven in de kolom URL in het huidige venster. Deze handler is vooral bedoeld voor eCatalogi die zijn geïntegreerd in een pagina binnen een website.

  • loadProductPW: geeft het URL-doel weer dat is opgegeven in de URL-kolom in het bovenliggende venster (de pagina die de huidige URL heeft geopend). Het huidige venster blijft geopend, maar het bovenliggende venster verandert om het URL-doel weer te geven.

    note note
    NOTE
    De handler loadProductPW biedt geen ondersteuning voor DHTML- en HTML5-viewers.

Een URL-sjabloon maken creating-a-url-template

  1. Selecteer Bewerken naast de sjabloonoptie URL in het scherm Kaarteditor (afbeeldingen of SpinSets) of op het tabblad Kaartpagina's van het eCatalog-scherm (eCatalogs). Het dialoogvenster Kaartsjabloon bewerken wordt geopend.
  2. Voer de JavaScript-code en de volledige URL in (waarbij het gedeelte van de variabele wordt vervangen door de dollartekens [$$ ] ). U kunt de code plakken door met de rechtermuisknop te klikken en Paste te kiezen.
  3. Selecteer Save .

URL-sjablonen afhandelen handling-url-templates

De pagina Kaarteditor (afbeeldingen en SpinSets) en het tabblad Kaartpagina's van het eCatalog-scherm (eCatalogs) bieden de volgende opdrachten voor de verwerking van URL-sjablonen:

  • optie van het malplaatje URL: Selecteer de het malplaatjeoptie URL om uw malplaatje URL op alle Kaarten van het Beeld op een beeld of eCatalog toe te passen pagina.

  • optie van het Malplaatje: schrap een optie van het Malplaatje in de Lijst van de Kaart van het Beeld URL als u geen individuele Kaart van het Beeld wilt gebruiken URL malplaatje.

U kunt het menu Show selecteren en Other Actions kiezen om andere handelingen dan rollover-tekst en webpagina's te activeren. Wanneer de gebruiker de aanwijzer boven een Afbeeldingskaart plaatst, kunt u een handeling starten. Deze acties zijn attributen die voor cliënt-kant de Kaarten van het Beeld door de specificaties van HTML van het Consortium van World Wide Web worden bepaald. Deze omvatten:

  • accesskey: activeert een actie wanneer de gebruiker op een bepaalde toets op het toetsenbord drukt.

  • onfocus: Triggert een gebeurtenis wanneer het Kaart van het Beeld nadruk-door de curseur, door met de Tab-toets, of door een toegangssleutel te drukken ontvangt. U kunt bijvoorbeeld een webpagina starten wanneer de afbeelding met hyperlinks de focus krijgt en sluiten wanneer de afbeelding met hyperlinks de focus verliest.

  • onblur: activeert een gebeurtenis wanneer de afbeelding met hyperlinks de focus verliest, door de cursor of door de Tab-toets ingedrukt te houden.

om andere acties voor de Kaarten van het Beeld te bepalen:

  1. Selecteer in het scherm Kaarteditor (afbeeldingen en SpinSets) of op het tabblad Kaartpagina's van het eCatalog-scherm (eCatalogs) het menu Show en selecteer Other Actions .
  2. Gebruikend de syntaxis die door de specificaties van HTML van het Consortium van World Wide Web wordt gespecificeerd, voeg de gesteunde attributen in de Andere kolom van Acties van de Lijst van de Kaart van het Beeld toe.
  3. Selecteer Save .

Selecteer het menu Show en selecteer Both als u wilt dat een afbeelding met hyperlinks rollovertekst en een handeling bevat.

U kunt afbeeldingen met hyperlinks maken terwijl u uw eCatalog ontwerpt in Adobe Acrobat of Adobe InDesign.

Maak in Adobe Acrobat of Adobe InDesign hyperlinkverwijzingen naar de plaats waar de afbeeldingen met hyperlinks moeten worden weergegeven, en geef URL-locaties op voor de afbeelding met hyperlinks. Als u de optie Koppelingen extraheren selecteert wanneer u het PDF-bestand uploadt naar Adobe Dynamic Media Classic, worden de koppelingen naar Afbeeldingskaarten automatisch geconverteerd.

Raadpleeg de Help bij Adobe InDesign of Adobe Acrobat voor meer informatie.

Afbeeldingen toewijzen in Adobe InDesign to-create-image-maps-in-adobe-indesign

  1. Ga in Adobe InDesign naar Windows® > Interactive > Hyperlinks .

  2. Selecteer in het deelvenster Hyperlinks de tekst, het kader of de afbeelding die u wilt omzetten in een afbeelding met hyperlinks.

  3. Selecteer New Hyperlink in het deelvenstermenu.

  4. Kies in het dialoogvenster Nieuwe hyperlink in het menu Link To de optie URL .

  5. Typ of plak de product-id in het vak URL.

  6. Selecteer OK . (Adobe Dynamic Media Classic voltooit de URL met behulp van de sjabloon URL afbeeldingskaart.)

    note note
    NOTE
    U hoeft geen weergaveopties in te stellen in Adobe InDesign. U kunt de weergave in Adobe Dynamic Media Classic opgeven.

  7. Herhaal stap 2 tot en met 6 voor alle afbeeldingen met hyperlinks die u wilt maken.

  8. Exporteer het bestand als een PDF.

  9. Upload de PDF naar Adobe Dynamic Media Classic.

  10. Selecteer PDF Options in Extract Links .

Afbeeldingen toewijzen in Adobe Acrobat to-create-image-maps-in-adobe-acrobat

  1. Ga in Adobe Acrobat naar Tools > Advanced Editing > Link Tool .
  2. Sleep om de afbeelding met hyperlinks te maken.
  3. Selecteer Custom Link in het vak Koppeling maken en selecteer Next .
NOTE
U hoeft geen weergaveopties in te stellen in Adobe Acrobat. U kunt de weergave in Adobe Dynamic Media Classic opgeven.
  1. Selecteer Actions in het vak Koppelingseigenschappen.
  2. Selecteer Open A Web Link in het menu Handeling selecteren en selecteer vervolgens Add .
  3. Typ de product-id voor de afbeelding met hyperlinks in het vak URL bewerken en selecteer OK . (Adobe Dynamic Media Classic voltooit de URL met behulp van de sjabloon URL afbeeldingskaart.)
  4. Herhaal stap 1 tot en met 7 voor alle afbeeldingen met hyperlinks die u wilt maken.
  5. Sla het bestand op.
  6. Upload de PDF naar Adobe Dynamic Media Classic en selecteer Koppelingen extraheren in de PDF-opties.
recommendation-more-help
ba789e76-bace-4e0e-bd26-52691fb2cb26