Vrije afbeeldingen

 <<< Terug naar index

Vrije afbeeldingen (freeimage) zijn afbeeldingen die vrij in een text area of HTML-area geplaatst kunnen worden. Hiermee hoeft er geen vaste positie ingesteld te worden voor deze afbeeldingen. Deze kunnen door de gebruiker op de gewenste plaats worden gesleept en de grootte daarvan kan door de gebruiker zelf worden aangepast. De tekst loopt vervolgens om deze vrije afbeelding heen. Hiervoor moet het veld van de vrije afbeelding boven de tekstenvelden staan waar deze in geplaatst moet worden en moet bij de tekstvelden de tekstomloop worden ingesteld. Een vereiste is dat bij het template serversiderending aan staat.

• Zet bij het template serversiderendering aan. Dat kun je doen door bij het template, onder 'Template' > 'Instellingen' in het veld 'Configuratieveld' in te vullen: '#serversiderendering:1'.
• Plaats boven het veld waarin je de vrije afbeelding wilt gebruiken een veld met de veldnaam 'freeimage'. Het veldtype wordt nu automatisch op 'Hidden image' gezet en de 'Opmaakkenmerken' worden verborgen.
• Bij de 'Standaard waarde' van het veld kun je eventueel instellen of de vrije afbeelding moet 'snappen' op bepaalde punten. Vul je daar niks in, dan kan de vrije afbeelding op elk willekeurig punt in de textarea worden geplaatst. Je kunt hier bijvoorbeeld instellen: '#snap_x_mm: 10,200' en '#snap_y_mm:10,20,30,40,50,60,70,80,90'. (elk op een aparte regel in de 'Standaard waarde'). Deze waardes die worden ingevuld zijn de coördinaten in mm vanaf de trimbox. In dit voorbeeld zal de vrije afbeelding 'snappen' op x-coördinaat 10 en 20, en op y-coördinaten 10 tot en met 90.
• Zet de 'Plaatsing' van dit veld op 'Expliciet plaatsen op pagina 1' (of op welke pagina je deze ook wilt tonen).
• Ga vervolgens naar de opmaakkenmerken van de text area waarvan je de tekst om de afbeeldingen wilt laten lopen.
• Vul bij de 'Opmaakkenmerken' > 'Objectopmaak' in het veld 'Tekstomloop' in: 'IMG_freeimage'. Dit zorgt voor de tekstomloop rondom de vrije afbeelding.
• In de frontend bij het template ziet de gebruiker nu boven de preview een knop 'Afbeelding toevoegen' om de vrije afbeelding te plaatsen.
• De gebruiker kan een afbeelding uit de Beeldbank selecteren en vervolgens slepen op elke plek in de area. De afbeelding kan bovendien van grootte worden veranderd door de hoeken te verslepen.
• Zodra de afbeelding op de juiste plaats is gesleept wordt de preview aangepast en wordt de tekst om de vrije afbeelding heen geplaatst.
• Wil je de vrije afbeelding weer verwijderen, dan klik je op de knop 'Afbeelding verwijderen'.