Afbeelding element

Met het Afbeelding element kan je afbeeldingen toevoegen aan het canvas. Wanneer je dit doet, zie je aan de linkerkant de volgende opties:
Afbeelding.png

Afbeelding inhoud

  • Afbeelding: selecteer een afbeelding uit de module Afbeeldingen, upload een afbeelding, gebruik een externe afbeelding of kies een afbeelding uit de voorbeeld bibliotheek. Lees hier meer over in het artikel: Hoe plaats ik een afbeelding in mijn bericht of webpagina.
  • Alt tekst: voeg een alt-tekst toe aan je afbeelding. Wanneer een afbeelding niet standaard wordt ingeladen dan kan de lezer alsnog de boodschap van je afbeelding zien en ook screenreaders kunnen alt-teksten lezen.
  • Titel (tooltip): dit is de tekst die getoond wordt als je met je muis over de afbeelding heen beweegt. 
  • URL: voeg hier een link toe naar je website, een landingspagina of document. Er zijn verschillende type links, lees hier meer over onder het kopje: type links.
  • Opent in...: selecteer of de url moet openen in een nieuw venster of tab, in hetzelfde venster, bovenste venster of bovenste frame.

Afbeelding stijl

  • Achtergrondkleur: wanneer je afbeelding niet ingeladen wordt zie je een achtergrondkleur. Deze is standaard wit, maar je kan elke willekeurige kleur kiezen. 
  • Padding: ruimte rondom je afbeelding. Het is mogelijk om dit boven, onder, links en rechts toe te passen. Standaard is een padding van 10 ingesteld voor alle kanten.
  • Radius hoeken: wil je afbeeldingen ronde hoeken geven? Pas de radius van de hoeken aan. Hoe hoger het getal hoe ronder de hoek. Het is per hoek van de afbeelding in te stellen.

    Voorbeeld afbeelding zonder radius hoeken
    Afbeelding_zonderradius.png
    Voorbeeld afbeelding met radius hoeken 30
    Afbeelding_radius.png
  • Randstijl: geef je afbeelding een omlijning. Je hebt de keuze uit geen, vast, gestippeld en gestreept.
  • Uitlijning: standaard is de uitlijning van een afbeelding gecentreerd, maar deze is ook aan te passen naar uitlijning links en rechts.
  • Automatische breedte: standaard staat de automatische breedte aan. Het is mogelijk deze aan te passen naar een ander percentage of aantal pixels. Schuif je het schuifje naar links, dan wordt de afbeelding 100% uitgevuld naar de breedte van de rij waar de afbeelding is geplaatst. Het percentage kun je aanpassen. 

Geavanceerd

  • Ervaring met code? Het is mogelijk om zelf CSS classes toe te voegen.

Handige links