Hover afbeelding blok
Met het Hover afbeelding block toon je twee afbeeldingen op dezelfde plek. De standaardafbeelding is zichtbaar totdat een bezoeker over het element beweegt — op dat moment wisselt de afbeelding direct naar de hoverafbeelding. Zodra de muis het element verlaat, verschijnt de standaardafbeelding weer.
Het block toevoegen
Zoek in de blokken-editor op “Hover Image” en voeg het block toe aan de pagina. De afbeeldingen stel je in via de zijbalk.
Afbeeldingen instellen
Stel in de zijbalk twee afbeeldingen in:
| Veld | Omschrijving |
|---|---|
| Standaardafbeelding | De afbeelding die standaard zichtbaar is |
| Hoverafbeelding | De afbeelding die verschijnt wanneer de bezoeker over het block beweegt |
Beide afbeeldingen worden gekozen uit de mediabibliotheek. De afmetingen van het block worden bepaald door de breedte en hoogte van de standaardafbeelding.
> Tip: Gebruik afbeeldingen van gelijke afmetingen voor een naadloze wissel zonder verschuiving van de lay-out.
Uitlijning
Het block ondersteunt de WordPress-breedte-uitlijning. Kies in de werkbalk voor Breed of Volledig om het block breder dan de standaard inhoudskolom te maken.