Ondersteuning voor afbeeldingen met hyperlinks
Gemaakt voor:
- Ontwikkelaar
- Gebruiker
De eCatalog-viewer ondersteunt het renderen van pictogrammen voor afbeeldingen met hyperlinks boven de hoofdweergave.
De vormgeving van kaartpictogrammen wordt bepaald door CSS, zoals beschreven in Afbeeldingskaart, effect.
Met afbeeldingen met hyperlinks voert u een van de volgende drie handelingen uit: omleiden naar een externe webpagina, pop-upactivering van het deelvenster Info en interne hyperlinks.
Omleiden naar een externe webpagina
De href
kenmerk van de afbeelding met hyperlinks heeft een URL naar de externe bron, expliciet opgegeven of opgenomen in een van de ondersteunde JavaScript-sjabloonfuncties: loadProduct()
, loadProductCW()
, en loadProductPW()
.
Hieronder ziet u een voorbeeld van een eenvoudige URL-omleiding:
href=http://www.adobe.com
In dit voorbeeld wordt dezelfde URL omsloten met de loadProduct()
functie:
href=javascript:loadProduct("http://www.adobe.com");void(0);
Wanneer u de JavaScript-code toevoegt aan de HREF
kenmerk van de afbeelding met hyperlinks, wordt de code uitgevoerd op de computer van de client. Controleer daarom of de JavaScript-code veilig is.
Pop-upactivering deelvenster Info
Als u met de deelvensters Info wilt werken, heeft een afbeeldingskaart de opdracht ROLLOVER_KEY
kenmerkset. Stel ook de href
als de verwerking van de externe URL invloed heeft op de pop-upactivering van het deelvenster Info.
Tot slot moet u ervoor zorgen dat de viewerconfiguratie de juiste waarden bevat voor InfoPanelPopup.template
en eventueel InfoPanelPopup.infoServerUrl
parameters.
Interne hyperlinks
Als u een afbeelding met hyperlinks selecteert, wordt er een interne pagina-omwisseling binnen de viewer uitgevoerd. Als u die functie wilt gebruiken, href
heeft het kenmerk in de afbeelding met hyperlinks de volgende speciale indeling:
href=target: *
idx*
Wanneer *
idx*
is een op nul gebaseerde index van de catalogusspread.
Hieronder ziet u een voorbeeld van een href
kenmerk voor een afbeelding met hyperlinks die wijst naar de 3D-spread in de eCatalog:
href=target:2
Experience Manager
- Referentiehandleiding voor Dynamic Media Viewers
- Viewer-bibliotheekvoorbeelden
- Systeemvereisten
- Meerdere viewers op dezelfde server installeren
- Opmerkingen bij de release van viewers
- Opmerkingen bij de release van viewers (5.16.5)
- Archief
- Opmerkingen bij de release van viewers (5.16.1)
- Opmerkingen bij de release van viewers (5.15.3)
- Opmerkingen bij de release van viewers (5.14.1)
- Opmerkingen bij de release van viewers (5.13.1)
- Opmerkingen bij de release van viewers (5.12.1)
- Opmerkingen bij de release van viewers (5.10.1)
- Opmerkingen bij de release van viewers (5.8.2)
- Opmerkingen bij de release van viewers (5.5.2)
- Opmerkingen bij de release van viewers (5.4.2)
- Opmerkingen bij de release van viewers (5.2.3)
- Opmerkingen bij de release van viewers (5.2.2)
- Opmerkingen bij de release van viewers (5.1.1)
- Opmerkingen bij de release van viewers (5.0.1)
- Opmerkingen bij de release van viewers (4.9.2)
- Compatibiliteitsnotities
- Toetsenbordtoegankelijkheid en -navigatie
- Zelfstudie voor viewer-SDK
- Viewers voor AEM Assets en Dynamic Media Classic
- Viewers voor AEM Assets en Dynamic Media Classic
- Standaardzoom
- Standaardzoomviewer
- Command reference - Configuration attributes
- JavaScript API-referentie voor de Basic Zoom Viewer
- Gebeurteniscallbacks
- De standaardzoomviewer aanpassen
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- ondersteuning voor volledig scherm
- Viewer SDK-naamruimte
- eCatalog
- eCatalog
- Command reference - Configuration-attributes
- Command reference - Configuration attributes
- Knop
- ControlBar.transition
- richting
- EmailShare.emailurl
- EmbedShare.embedsizes
- FavoritesEffect.expiration
- FavoritesMenu.bearing
- FavoritesView.align
- FavoritesView.favoritesThumbView
- FavoritesView.fmt
- FavoritesView.iscommand
- FavoritesView.maxloadradius
- FavoritesView.textpos
- ImageMapEffect.mapTips
- ImageMapEffect.mode
- ImageMapEffect.rollover
- InfoPanelPopup.infoServerUrl
- InfoPanelPopup.showhidetransition
- InfoPanelPopup.template
- InitialFrame
- PageView.doubleclick
- PageView.enableHD
- PageView.fmt
- PageView.frametransition
- PageView.iconEffect
- PageView.iscommand
- PageView.maxloadradius
- PageView.pageturnstyle
- PageView.singleclick
- PageView.transition
- PageView.zoomstep
- portraitFrames
- Print.printquality
- SocialShare.bearing
- TableOfContents.bearing
- TableOfContents.maxitems
- TableOfContents.showdefault
- ThumbnailGridView.align
- ThumbnailGridView.enabledragging
- ThumbnailGridView.fmt
- ThumbnailGridView.maxloadradius
- ThumbnailGridView.scrollbar
- ThumbnailGridView.textpos
- JavaScript API-referentie voor eCatalog Viewer
- Gebeurteniscallbacks
- De eCatalog-viewer aanpassen
- De eCatalog-viewer aanpassen
- Knop Favoriet toevoegen
- Knop Sluiten
- Downloaden
- E-mailshare
- Delen insluiten
- Facebook share
- Menu Favorieten
- Favorieten, effect
- Weergave Favorieten
- Knop Eerste pagina
- Focus markeren
- schermvullende knop
- Pictogram, effect
- Afbeeldingskaart, effect
- Pop-up deelvenster Info
- Grote knop Volgende pagina
- Knop Laatste pagina
- Knop Grote vorige pagina
- Delen van koppeling
- Hoofdbesturingsbalk
- Hoofdgebied van viewer
- Knop Volgende pagina
- Pagina-indicator
- Paginaweergave
- Knop Vorige pagina
- Afdrukken
- Knop Favoriet verwijderen
- Secundaire besturingsbalk
- Sociaal aandeel
- Inhoudsopgave
- Miniaturen
- Knop Miniaturen
- Knopinfo
- Twitter delen
- De knop Alle favorieten weergeven
- Knop Inzoomen
- Knop Uitzoomen
- Knop Zoomen opnieuw instellen
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- Ondersteuning voor afbeeldingen met hyperlinks
- Paginalabels beheren
- ondersteuning voor volledig scherm
- Afdrukken, functie
- Downloaden
- Favorieten, functie
- Viewer SDK-naamruimte
- Zoeken in eCatalog
- Zoeken in eCatalog
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- Knop
- ControlBar.transition
- richting
- EmailShare.emailurl
- EmbedShare.embedsizes
- FavoritesEffect.expiration
- FavoritesMenu.bearing
- FavoritesView.align
- FavoritesView.favoritesThumbView
- FavoritesView.fmt
- FavoritesView.iscommand
- FavoritesView.maxloadradius
- FavoritesView.textpos
- ImageMapEffect.mapTips
- ImageMapEffect.mode
- ImageMapEffect.rollover
- InfoPanelPopup.infoServerUrl
- InfoPanelPopup.showhidetransition
- InfoPanelPopup.template
- InitialFrame
- PageView.doubleclick
- PageView.enableHD
- PageView.fmt
- PageView.frametransition
- PageView.iconEffect
- PageView.iscommand
- PageView.maxloadradius
- PageView.pageturnstyle
- PageView.singleclick
- PageView.transition
- PageView.zoomstep
- portraitFrames
- Print.printquality
- SearchPanel.align
- SearchPanel.fmt
- SearchPanel.iscommand
- SearchPanel.maxloadradius
- SearchPanel.textpos
- searchServerUrl
- SocialShare.bearing
- TableOfContents.bearing
- TableOfContents.maxitems
- TableOfContents.showdefault
- ThumbnailGridView.align
- ThumbnailGridView.enabledragging
- ThumbnailGridView.fmt
- ThumbnailGridView.maxloadradius
- ThumbnailGridView.scrollbar
- ThumbnailGridView.textpos
- JavaScript API-referentie voor eCatalog Search Viewer
- Gebeurteniscallbacks
- De eCatalog Search Viewer aanpassen
- De eCatalog Search Viewer aanpassen
- Knop Favoriet toevoegen
- Knop Sluiten
- Downloaden
- E-mailshare
- Delen insluiten
- Facebook share
- Favorieten, effect
- Menu Favorieten
- Weergave Favorieten
- Knop Eerste pagina
- Focus markeren
- schermvullende knop
- Pictogram, effect
- Pop-up deelvenster Info
- Afbeeldingskaart, effect
- Grote knop Volgende pagina
- Knop Grote vorige pagina
- Knop Laatste pagina
- Delen van koppeling
- Hoofdbesturingsbalk
- Hoofdgebied van viewer
- Knop Volgende pagina
- Pagina-indicator
- Paginaweergave
- Knop Vorige pagina
- Afdrukken
- Knop Favoriet verwijderen
- Knop Zoeken
- Zoeken, effect
- Deelvenster Zoekresultaten
- Secundaire besturingsbalk
- Sociaal aandeel
- Inhoudsopgave
- Miniaturen
- Knop Miniaturen
- Knopinfo
- Twitter delen
- De knop Alle favorieten weergeven
- Knop Inzoomen
- Knop Uitzoomen
- Knop Zoomen opnieuw instellen
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- Ondersteuning voor afbeeldingen met hyperlinks
- Paginalabels beheren
- Afdrukken, functie
- ondersteuning voor volledig scherm
- Downloaden
- Zoekfunctie
- Viewer SDK-naamruimte
- Flyout
- Flyout
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- FlyoutZoomView.flyouttransition
- FlyoutZoomView.fmt
- FlyoutZoomView.frametransition
- FlyoutZoomView.highlightmode
- FlyoutZoomView.imagereload
- FlyoutZoomView.iscommand
- FlyoutZoomView.overlay
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- FlyoutZoomView.zoomfactor
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- JavaScript API-referentie voor Flyout Viewer
- Gebeurteniscallbacks
- De Flyout-viewer aanpassen
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- Viewer SDK-naamruimte
- Inline zoomen
- Inline zoomen
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- FlyoutZoomView.flyouttransition
- FlyoutZoomView.fmt
- FlyoutZoomView.frametransition
- FlyoutZoomView.imagereload
- FlyoutZoomView.iscommand
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- FlyoutZoomView.zoomfactor
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- JavaScript API-referentie voor Inline Zoom Viewer
- Gebeurteniscallbacks
- De Inline zoomviewer aanpassen
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- Viewer SDK-naamruimte
- Gemengde media
- Gemengde media
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- closebutton
- ControlBar.transition
- FlyoutZoomView.fmt
- FlyoutZoomView.imagereload
- FlyoutZoomView.preloadtiles
- FlyoutZoomView.tip
- SpinView.doubleclick
- SpinView.enableHD
- SpinView.fmt
- SpinView.iconeffect
- SpinView.iscommand
- SpinView.lockdirection
- SpinView.maxloadradius
- SpinView.sensitivity
- SpinView.singleclick
- SpinView.transition
- SpinView.zoomstep
- Swatches.align
- Swatches.buttonsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.fmt
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- Swatches.textpos
- stalen overlay
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.showtime
- VideoScrubber.timepattern
- VideoTime.timepattern
- zoomMode
- ZoomView.doubleclick
- ZoomView.enableHD
- ZoomView.fmt
- ZoomView.iconeffect
- ZoomView.iscommand
- ZoomView.reset
- ZoomView.rgn
- ZoomView.rgnN
- ZoomView.singleclick
- ZoomView.transition
- ZoomView.zoomstep
- JavaScript API-referentie voor gemengde media-viewer
- Gebeurteniscallbacks
- De gemengde Media Viewer aanpassen
- De gemengde Media Viewer aanpassen
- Knop Bijschrift
- Knop Sluiten
- Kleurstalen
- Besturingsbalk
- Zoomweergave flyout
- Focus markeren
- schermvullende knop
- Hoofdstalen
- Hoofdgebied van viewer
- Meerbaar volume
- Knop Afspelen/Pauzeren
- Indicator instellen
- Linkerkant draaien, knop
- Rechterkant draaien, knop
- Weergave draaien
- Pictogram voor weergave draaien, effect
- Knopinfo
- Video, knop Volledig scherm
- Videospeler
- Pictogram van videospeler, effect
- Videoscrubber
- Videotijd
- Knop Inzoomen
- Knop Uitzoomen
- Knop Zoomen opnieuw instellen
- Zoomweergave
- Pictogramaffect Zoomweergave
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- HTTPS-video leveren
- Lokalisatie van gebruikersinterface-elementen
- ondersteuning voor volledig scherm
- Viewer SDK-naamruimte
- Draaien
- Spin Viewer
- Command reference - Configuration attributes
- JavaScript API-referentie voor de Spin Viewer
- Gebeurteniscallbacks
- De draaiende viewer aanpassen
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- ondersteuning voor volledig scherm
- Viewer SDK-naamruimte
- Video
- Video
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- ControlBar.transition
- EmailShare.emailurl
- EmbedShare.embedsizes
- SocialShare.bearing
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- Opdrachtverwijzing - URL
- JavaScript API-verwijzing naar Video Viewer
- Gebeurteniscallbacks
- De video-viewer aanpassen
- De video-viewer aanpassen
- Knop Bijschrift
- Besturingsbalk
- E-mailshare
- Delen insluiten
- Facebook share
- Focus markeren
- schermvullende knop
- Pictogram, effect
- Delen van koppeling
- Hoofdgebied van viewer
- Meerbaar volume
- Knop Afspelen/Pauzeren
- Sociaal aandeel
- Knopinfo
- Twitter delen
- Videospeler
- Videoscrubber
- Videotijd
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- HTTP-videoboodsing
- Lokalisatie van gebruikersinterface-elementen
- ondersteuning voor volledig scherm
- Externe videoondersteuning
- Viewer SDK-naamruimte
- Zoomen
- Zoomen
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- closebutton
- Swatches.align
- Swatches.buttomsnapmode
- Swatches.direction
- Swatches.enabledragging
- Swatches.fmt
- Swatches.iscommand
- Swatches.maxloadradius
- Swatches.pagemode
- Swatches.partialswatches
- Swatches.scrollstep
- stalen overlay
- ZoomView.doubleclick
- ZoomView.enableHD
- ZoomView.fmt
- ZoomView.frametransition
- ZoomView.iconeffect
- ZoomView.iscommand
- ZoomView.reset
- ZoomView.singleclick
- ZoomView.transition
- ZoomView.zoomstep
- JavaScript API-naslaggids voor Zoom Viewer
- Gebeurteniscallbacks
- De zoomviewer aanpassen
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- ondersteuning voor volledig scherm
- Viewer SDK-naamruimte
- Alleen viewers voor AEM Assets
- Alleen viewers voor AEM Assets
- Carousel
- Carousel
- Command reference - Configuration attributes
- Opdrachtverwijzing - URL
- JavaScript API-referentie voor Carousel Viewer
- Gebeurteniscallbacks
- De Carousel Viewer aanpassen
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- Ondersteuning voor hotspot en afbeeldingen met hyperlinks
- Afbeelding vooraf laden
- Viewer SDK-naamruimte
- Interactieve afbeelding
- Interactieve afbeelding
- Command reference - Configuration attributes
- Opdrachtverwijzing - URL
- JavaScript API-referentie voor Interactive Image Viewer
- Gebeurteniscallbacks
- De interactieve afbeeldingsviewer aanpassen
- Ondersteuning voor het bijhouden van analyses
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- Ondersteuning voor hotspots
- Afbeelding vooraf laden
- Viewer SDK-naamruimte
- Interactieve video
- Interactieve video
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- CallToAction.align
- CallToAction.direction
- CallToAction.enabledragging
- CallToAction.fmt
- CallToAction.maxloadradius
- CallToAction.scrollbar
- CallToAction.textpos
- callToActionRecap
- ControlBar.transition
- InteractiveSwatches.autoscroll
- InteractiveSwatches.direction
- InteractiveSwatches.displaymode
- InteractiveSwatches.enabledragging
- InteractiveSwatches.fmt
- InteractiveSwatches.maxloadradius
- InteractiveSwatches.scrollstep
- InteractiveSwatches.textpos
- SocialShare.bearing
- VideoPlayer.autoplay
- VideoPlayer.iconeffect
- VideoPlayer.initialbitrate
- VideoPlayer.loop
- VideoPlayer.mutevolume
- VideoPlayer.playback
- VideoPlayer.posterimage
- VideoPlayer.preload
- VideoPlayer.progressivebitrate
- VideoPlayer.singleclick
- VideoPlayer.ssl
- VideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- Opdrachtverwijzing - URL
- JavaScript API-referentie voor Interactive Video Viewer
- Gebeurteniscallbacks
- De interactieve video-viewer aanpassen
- De interactieve video-viewer aanpassen
- Oproep tot actie
- Knop Bijschrift
- Besturingsbalk
- Facebook share
- Focus markeren
- schermvullende knop
- Pictogram, effect
- Interactieve stalen
- Delen van koppeling
- Hoofdgebied van viewer
- Meerbaar volume
- Knop Afspelen/Pauzeren
- Sociaal aandeel
- Knopinfo
- Twitter delen
- Videospeler
- Videoscrubber
- Videotijd
- Ondersteuning voor Adobe Analytics-tracking
- Technische ondersteuning
- HTTPS-video leveren
- Interactieve gegevensondersteuning
- Lokalisatie van gebruikersinterface-elementen
- ondersteuning voor volledig scherm
- Viewer SDK-naamruimte
- Video over slim uitsnijden
- Video over slim uitsnijden
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- ControlBar.transition
- EmailShare.emailurl
- EmbedShare.embedsizes
- SocialShare.bearing
- SmartCropVideoPlayer.autoplay
- SmartCropVideoPlayer.iconeffect
- SmartCropVideoPlayer.initialbitrate
- SmartCropVideoPlayer.loop
- SmartCropVideoPlayer.mutevolume
- SmartCropVideoPlayer.playback
- SmartCropVideoPlayer.posterimage
- SmartCropVideoPlayer.preload
- SmartCropVideoPlayer.progressivebitrate
- SmartCropVideoPlayer.singleclick
- SmartCropVideoPlayer.ssl
- SmartCropVideoPlayer.waiticon
- VideoScrubber.chaptertimepattern
- VideoScrubber.showchaptertime
- VideoScrubber.showchaptertitle
- VideoScrubber.timepattern
- VideoTime.timepattern
- Opdrachtverwijzing - URL
- JavaScript API-referentie voor SmartCrop Video Viewer
- Callbacks van gebeurtenissen
- De Smart Crop Video Viewer aanpassen
- De Smart Crop Video Viewer aanpassen
- Knop Bijschrift
- Besturingsbalk
- E-mailshare
- Delen insluiten
- Facebook share
- Focus markeren
- schermvullende knop
- Pictogram, effect
- Delen van koppeling
- Hoofdgebied van viewer
- Meerbaar volume
- Knop Afspelen/Pauzeren
- Sociaal aandeel
- Knopinfo
- Twitter delen
- Videoscrubber
- Videotijd
- Ondersteuning voor Adobe Analytics-tracking
- HTTPS-video leveren
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- ondersteuning voor volledig scherm
- Externe videoondersteuning
- Viewer SDK-naamruimte
- Video360
- Video360
- Command reference - Configuration attributes
- Command reference - Configuration attributes
- ControlBar.transition
- EmbedShare.embedsizes
- SocialShare.bearing
- Video360Player.autoplay
- Video360Player.iconeffect
- Video360Player.initialbitrate
- Video360Player.loop
- Video360Player.mutevolume
- Video360Player.playback
- Video360Player.posterimage
- Video360Player.preload
- Video360Player.progressivebitrate
- Video360Player.singleclick
- Video360Player.ssl
- Video360Player.vrrender
- Video360Player.waiticon
- VideoScrubber.timepattern
- VideoTime.timepattern
- Opdrachtverwijzing - URL
- JavaScript API-referentie voor Video360 Viewer
- Gebeurteniscallbacks
- De Video360 Viewer aanpassen
- Ondersteuning voor Adobe Analytics-tracking
- HTTPS-video leveren
- Technische ondersteuning
- Lokalisatie van gebruikersinterface-elementen
- ondersteuning voor volledig scherm
- Externe videoondersteuning
- Viewer SDK-naamruimte
- Command reference common to all viewers - Configuration attributes
- Opdrachtverwijzing algemeen voor alle viewers - URL