Een afbeelding invoegen

1. klik op het het afbeelding icoon in de knoppenbalk boven het editorvenster
2. selecteer een afbeelding
3. vul (optioneel) extra kenmerken van de afbeelding in
4. bevestig het invoegen

1.Klik op het afbeelding icoon.

Er verschijn nu een pop-up venster met 3 tabbladen:

1. afbeelding
2. afbeelding vergroten
3. tooltip

1. Tabblad: Afbeelding
Indien een afbeelding die zich op een andere website bevindt moet worden ingevoegd, klik dan op het selectierondje "Externe URL:" en vul de URL (de link naar de externe afbeelding) in. Het eerste deel (http://) is al ingevuld.

Om een afbeelding uit de flexony afbeeldingen database te selecteren, klik op "Selecteer".

Selecteren van een afbeelding
In het venster afbeeldingen beheer wordt links een boomstructuur met mapjes van alle beschikbare afbeeldingen en rechts een venster met de afbeeldingen worden getoond.
Zoek de gewenste afbeelding op via het linkervenster, klik op de afbeelding of de map (klik op het plusje om een map te openen). Klik vervolgens in het rechtervenster op de afbeelding om deze te selecteren.

Optionele kenmerken
Optioneel kunnen nu een aantal kenmerken van de afbeelding worden ingevuld (in het "Afbeelding invoegen") venster (tabblad: afbeelding):

• hover afbeelding. Dit is een alternatieve afbeelding die wordt getoond als de muisaanwijzer over een afbeelding wordt bewogen. In de meeste gevallen zijn de afmetingen van een hoverafbeelding gelijk aan die van de basis afbeelding. Via een hoverafbeelding kunnen interessante effecten worden bereikt:
• 
• alt. tekst. Dit is de tekst die wordt getoond als met de muisaanwijzer over de afbeelding wordt bewogen. Deze tekst is ook belangrijk voor slechtzienden, omdat zogenaamde tekstlezers voor slechtzienden deze tekst hardop voorlezen.
• Horizontale uitlijning. Er kan worden gekozen voor blanco, links of rechts. Bij keuze voor links of rechts zal de tekst in de buurt van de afbeelding om de afbeelding heenlopen.
• Randen. Tekent een rand om de afbeelding heen. Selecteer een dikte (0 = onzichtbaar) en kleur.
• Spatiëring. Zorgt voor extra witruimte om de afbeelding heen, zodat omringende tekst niet tegen de afbeelding wordt "geplakt". Een waarde van 5 (pixels) is vaak een goede keuze.

2. Tabblad: afbeelding vergroten
Toont een (grotere) foto die in een modaal venster wordt getoond door te klikken op de afbeelding in de pagina.

Selecteer de afbeelding of een externe URL (naar een afbeelding)

3. Tooltip
Toont een pop-up venster wanneer de muisaanwijzer over de afbeelding in de pagina wordt bewogen.
De inhoud van het po-up venster kan een externe URL zijn of een flexony pagina.
Via de extra opties op het tabblad kan de afmeting en positie van het pop-upvenster ten opzichte van de afbeelding worden aangepast en of muisaanwijzer binnen de tooltip kan worden verplaatst (tooltipvenster vastzetten ja/nee), bijvoorbeeld om een link te selecteren. de tooltip

4. Bevestigen
Klik op de "OK" knop.