Skip til primært indhold

Billedgalleri

Billeder indsættes på sider i Umbraco vha. modulet Billedgalleri

Fakta om billeder i billedgalleri

  • Billedgalleri er den primære metode til at indsætte billeder på en side
  • Billederne i et billedgalleri er responsive og tilpasser sig derved den platform og derved skærm, brugeren anvender - mobiltelefon, tablet eller computer. 
  • Billeder skal beskæres i format: 2:1 fx 2000 x 1000 pixels for at passe til formatet i billedgallerimodulet
  • Du bør ikke uploade billeder, der fylder mere end 5 Mb

Alle billeder skal have en funktion

Billeder fanger ofte brugernes opmærksomhed – især hvis der er mennesker på. Det skal vi udnytte positivt. Alle billeder på hjemmesiden skal derfor have en funktion – det vil sige underbygge og spille sammen med det øvrige indhold på siden. Vi bruger ikke billeder som pynt, hvor billedets motiv ikke har en sammenhæng med sidens øvrige indhold (tekst, video etc.).

Vi bruger billeder med følgende funktioner:

  • Navigationsbilleder
  • Illustrationsbilleder
  • Billeder som brandingelement
  • Grafik og ikoner

Vær kritisk

Det kan være fristende at sætte flere billeder ind i et billedgalleri, men det vil sjældent være hensigtsmæssigt. Modulets muligheder skal ikke erstatte en kritisk redaktionel overvejelse over, hvilket billede, der bedst understøtter indholdet, og brugeren skal ikke tage stilling til forskellige billeder, blot fordi de er gode.

Vær kritisk og brug kun muligheden for at indsætte flere billeder i galleriet, hvis du har mere end 4 billeder, eksempelvis fra et arrangement, du gerne vil vise på siden. 

Læs desuden Sygehus Sønderjyllands retningslinje ift. fotografering, brug af billeder og samtykke

Eksempler på billeder indsat vha. modulet billedgalleri

Et billedgalleri med kun et billede. Billedet tilpasser sig alle skærmstørrelser.

Billedgalleri med flere billeder. Man kan bladre frem og tilbage ved hjælp af pilene. Billederne tilpasser sig alle skærmstørrelser.

Billedgalleri med flere billeder. Man kan bladre frem og tilbage ved hjælp af pilene. Billederne tilpasser sig alle skærmstørrelser.

Billedgalleri med flere billeder. Man kan bladre frem og tilbage ved hjælp af pilene. Billederne tilpasser sig alle skærmstørrelser.

Billedgalleri med flere billeder. Man kan bladre frem og tilbage ved hjælp af pilene. Billederne tilpasser sig alle skærmstørrelser.

Sådan gør du

Billedgalleri kan både tilføjes under smalt og bredt indhold

  1. Under indhold - klik "tilføj indhold".
  2. Klik "billedgalleri".
  3. Klik "tilføj indhold".
  4. Klik på det store plustegn.
  5. Vil du uploade et nyt billede, skal du:
    1. Navigere dig frem til den mappe, hvor billedet skal gemmes.
    2. Klik på "upload" for at vælge billedet lokalt på din computer.
    3. Klik på "vælg". 
    4. Tilføj en alt-tekst eller marker at billedet er dekorativt.
  6. Vil du bruge et billede, der allerede findes i mediearkivet, skal du: 
    1. Navigere dig frem til den mappe, hvor billedet er gemt. 
    2. Klik på "vælg".
    3. Tilføj en alt-tekst eller marker at billedet er dekorativt.
  1. Klik på feltet "tekst"
  2. Udfyld din billedtekst. Billedtekster vises lige under billedet. 

Du kan tilføje en billedtekst for hvert billede, du indsætter i billedgalleriet. 

  1. Tilføj flere billeder ved at klikke på knappen "tilføj indhold".
  2. Tilføj nyt billede ved at følge vejledningen "indsæt billedgalleri"

Hvis der indsættes 2 eller flere billeder, kan brugeren navigere mellem billeder ved hjælp af piletaster. 

Ønsker du at ændre rækkefølgerne af dine billeder, kan du markere det enkelte billedfelt med musen og dernæst trække og slippe feltet til den ønskede position. 

  1. Naviger hen til det billede/billedgalleri, du ønsker at kopiere, og marker feltet.
  2. Klik på ikonet med de to dokumenter i feltets højre side.
  3. Billedet/billedgalleriet er nu kopieret til udklipsholderen.
  4. Når du klikker på "tilføj indhold" på en hvilken som helst side, bliver det kopierede indhold synligt og kan indsættes.

 

  1. Navigér hen til det billede/billedgalleri, du ønsker at slette, og marker feltet.
  2. Klik på skraldespandsikonet yderst til højre.
  3. Bekræft eller fortryd sletningen i dialogboksen. 

I mediearkivet skal du stå i den mappe, hvor du har uploadet din billede fil.

  1. Klik på filens navn
  2. På billedet kan du nu se en rød plet:Justering af billed fokuspunkt
  3. Med den røde prik kan du indstille på billedets fokuspunkt i forhold til, hvordan det skal vises i frontend.

  4. Efterfølgende har du også mulighed for at nulstille fokuspunktet:Justering af billede fokuspunkt del 2

OBS.

Når fokuspunktet på et eksisterende billede ændres, vil billedet blive justeret alle steder, hvor det er i brug. Da billederne kan vises i forskellige moduler og dermed have forskellige rammer, kan en ændring af fokuspunktet påvirke, hvordan billedet vises på de andre sider. Inden fokuspunktet på et eksisterende billede justeres, bør det derfor tjekkes om billedet er i brug et andet sted. Hvis et eksisterende billede justeres, skal det tjekkes efterfølgende, hvordan billedet ser ud på de respektive sider efter ændringen. Hvis billedet er i brug på mange sider, kan det eventuelt overvejes, hvorvidt det i stedet kan være en ide at tilføje en ny version af billedet.

APPFWU01V