Doorgaan naar artikel
Let op: De Nederlandse vertaling van dit artikel is alleen bedoeld voor het gemak. De vertaling wordt automatisch gemaakt via een vertaalsoftware en is mogelijk niet proefgelezen. Daarom moet de Engelse versie van dit artikel worden beschouwd als de meest recente versie met de meest recente informatie. U kunt het hier raadplegen.
Landing Pages

Een afbeeldingsgalerij module bewerken

Laatst bijgewerkt: augustus 30, 2021

Geldt voor:

Marketing Hub Professional, Enterprise
CMS Hub Professional, Enterprise
Legacy Marketing Hub Basic

Voeg een afbeeldingsgalerijmodule toe aan uw inhoud om een rotatie van verschillende afbeeldingen weer te geven. U kunt links en bijschriften toevoegen aan afbeeldingen in een afbeeldingsgalerij.

Let op: een afbeeldingsgalerijmodule kan niet worden toegevoegd aan een enkele blogpost. Elke afbeeldingsgalerijmodule die is toegevoegd aan een blogberichtsjabloon zal verschijnen op alle blogberichten.

Een afbeelding toevoegen of bewerken in een afbeeldingsgalerij

  • Navigeer naar uw inhoud:

    • Website Pagina's: Navigeer in uw HubSpot-account naar Marketing > Website > Websitepagina's.
    • Landingspagina's: { local.navLandingPages }}
    • Blog: { local.navBlog }}
  • Beweeg de muis over je inhoud en klik op Bewerken.
  • In de inhoudseditor, klik op de afbeeldingsgalerij module.
  • Klik in de zijbalkeditor op + Toevoegen in de sectie Dia om een nieuwe dia aan de afbeeldingsgalerij toe te voegen.
    • Klik in de sectie AfbeeldingopUploadenom een afbeelding van uw computer te selecteren of opAfbeeldingen bladerenom een afbeelding uit de bestandstool te selecteren.
    • Als u een bijschrift onder de afbeelding wilt weergeven, klikt u op om de schakelaar Bijschrift weergeven in te schakelen. Voer in de rijke teksteditor de tekstvan het bijschrift in.
    • Om een link naar de afbeelding toe te voegen, voert u eenURLin deLink URLsectie in.
    • Om meer afbeeldingen toe te voegen, klikt u opTerug naar Afbeeldingengalerij. Om het bewerken van de afbeeldingsgalerijmodule te voltooien, klikt u opWijzigingen toepassen.
add-image-to-image-gallery
  • Om een bestaande dia te bewerken, ga er met de muis overheen en klik op het potlood icoonbewerken. Klik op Vervangenom een nieuwe afbeelding te selecteren of op Verwijderen om de afbeelding te verwijderen.
  • Om een dia te verwijderen, gaat u met de muis over een bestaande dia en klikt u op het prullenbakicoonverwijderen.
  • Om de volgorde van dia's te wijzigen, klikt u op een dia en sleept u deze naar zijn plaats.

reorder-image-gallery-slides

  • Klik opWijzigingen toepassenom de wijzigingen in de inhoudseditor te zien.

Instellingen voor de afbeeldingsgalerij aanpassen

  • Navigeer naar uw inhoud:

    • Website Pagina's: { local.navWebsitePages }}
    • Landingspagina's: { local.navLandingPages }}
    • Blog: { local.navBlog }}
  • Beweeg de muis over je inhoud en klik op Bewerken.
  • In de inhoudseditor, klik op de afbeeldingsgalerij module.
  • Als u wilt wijzigen hoe bezoekers tussen uw dia's navigeren, klikt u op het vervolgkeuzemenu Weergavemodusen selecteert u eenmodus:
    • Standaard schuifbalk:bezoekers zien één schuifbalk per keer en kunnen op de pijltjes naar links en rechts klikken om ertussen te bewegen.
    • Thumbnail navigatie: bezoekers kunnen klikken op een thumbnail onder de afbeeldingsgalerij om die dia in de galerij te tonen.
    • Lightbox galerij:bezoekers kunnen op de thumbnail versie van een dia klikken om een lightbox te openen waar ze kunnen navigeren tussen de volledige versies van alle dia's.
  • Om de dia's automatisch te laten herhalen nadat ze allemaal zijn verschenen, vinkt u het vakje Loop dia'saan.
  • Om de dia's automatisch verder te laten gaan, selecteer het selectievakjeAutomatisch verdergaan.
  • In het veld Tijd in seconden tussen automatisch doorlopenvoert u hetaantal secondenin dat elke dia moet worden weergegeven.

image-gallery-settings-loop-slides

  • Om het totaal aantal dia's en het nummer van de huidige dia aan te geven, schakelt u het selectievakjeToon navigatieknoppenin.
  • Om de hoogte van de afbeeldingsgalerij in te stellen, klikt u op het vervolgkeuzemenuVariabele hoogteen selecteert u eeninstelling:
    • Variabele hoogte: de hoogte van de afbeeldingsgalerij verandert afhankelijk van de hoogte van de weergegeven dia.
    • Vastehoogte: de hoogte van de afbeeldingsgalerij blijft altijd gelijk aan de hoogte van de hoogste dia.
  • Om het visuele effect van de diaovergangen in te stellen, klikt u op het keuzemenuDiaovergangenen selecteert uDiaofFade.
  • Om de positie van bijschriften ten opzichte van uw dia's in te stellen, klikt u op het vervolgkeuzemenuBijschriftpositieen selecteert u eenoptie.

image-gallery-navigation-buttons