5.1 Infoga bild

Bilder kan infogas i ett element av typen "Text med bild" eller "Endast bilder". I dessa element finns fliken Bild tillgänglig. För att infoga en bild, klickar du på "Add image". (Fig. 5.1.1)

Efter att ha klickat på "Add image", öppnas en pop-up där fillistan finns tillgänglig. Gå till den katalog som innehåller bilderna, genom att klicka på titeln. Du kan välja "Visa miniatyrbilder" (1) för att se bilderna. Välj en bild genom att klicka på titeln (2) eller direkt på miniatyrbilden (3). Om du ännu inte laddat upp bilden som skall användas, så kan du ladda upp dem i vald mapp, genom att använda Bläddra knappen, för att komma åt filer på den lokala datorn (4). När du valt filer att ladda upp klickar du helt enkelt på knappen "Ladda upp filer" (5). (Fig. 5.1.2)

När du har lagt till bilden, visas fler fält. För att ta bort en bild, klickar du på papperskorgs-ikonen (1). För att dölja eller ta fram en bild, klickar du på glödlampsikonen (2). Det är möjligt att lägga till en titeltext, som visas när man håller pekaren över bilden på hemsidan (3). Alternativtexten visas inte på frontend av hemsidan, men den används när Google indexerar sidan (4). Du kan länka bilden genom att klicka på länkikonen till höger (5). Beskrivningsfältet är bildens bildtext, som placeras under bilden på hemsidan (6). Du kan även ställa in så bilden förstoras när man klickar på den (7). På nyare versioner av TYPO3 går det även att beskära bilden​​​​​​​ direkt i TYPO3 (8). (Fig. 5.1.3)

Fliken Utseende innehåller mer inställningar för bilden/bilderna. Man kan till exempel skala om bilden, utan att proportionerna förändras (1). Och du kan ställa hur bilden skall placeras i förhållande till texten, om du jobbar med ett element som innehåller både text och bild (2). (Fig. 5.1.4)