Gallerier

Med bildgalleriet kan du enkelt lägga till och hantera bilderna på din webbplats med olika visualiseringar.

Gallerier förbättrar det visuella intrycket av din webbplats så att du kan visa upp foton, konstverk eller produkter på ett organiserat och attraktivt sätt. Du kan skapa flera gallerier som alla skräddarsytts för specifika teman eller kategorier, vilket säkerställer att ditt innehåll visas på ett strukturerat sätt. Gallerier kan anpassas med olika layouter, t.ex. rutnät och bildspel, så att du kan välja det format som bäst passar webbplatsens design och användarupplevelse.

Avancerade funktioner som ljuslådeeffekter, bildtexter och svävande animeringar kan ytterligare förbättra presentationen av dina bilder. Dessutom säkerställer responsiv design att dina gallerier ser bra ut på alla enheter, från stationära datorer till smartphones. Genom att använda ett bildgalleri kan du förbättra användarnas engagemang, vilket gör din webbplats mer interaktiv och visuellt engagerande.

Så här lägger du till ett galleri:

1. Klicka på Bygg i menyn till vänster.

2. Välj fliken Galleri

3. Dra och släpp en av de tillgängliga gallerityperna på sidan.

4. Välj hur du vill ladda upp en bild när du har valt knappen Lägg till ny bild.

- För att ladda upp direkt från din enhet väljer du ”Ladda upp bild” från den tillgängliga rullgardinsmenyn.
- För att ladda upp från en URL klickar du på ”Lägg till från URL”, klistrar in webbadressen till bilden du vill ladda upp och klickar sedan på ”Lägg till bild”.

- Du kan också helt enkelt dra och släppa en bild från din enhet till respektive område.
- Ett annat alternativ är att använda vårt galleri med gratis bilder via respektive knapp. Detta galleri erbjuder ett brett utbud av högkvalitativa bilder som du enkelt kan lägga till i dina egna gallerier.

Bildalternativ: - Det första du ser är bakåtknappen, som gör att du kan gå tillbaka till gallerialternativen och en liten förhandsgranskning av bilden. - Knappen Redigera - Alternativet låter dig ändra bilden med den inbyggda redigeraren. - Knappen Ändra - Byter ut den befintliga bilden. - Bildtitel (alt-text) - Används av skärmläsare och sökmotorer. - Bildbeskrivning - En kort beskrivning av bilden och bildtexten som syns på sidan. - Använd bildfilens namn som bildbeskrivning. Detta kommer att skriva över alternativet ”Bildbeskrivning”. - Länktyp - Du kan välja när du klickar på bilderna att öppna Stor bildvisning (originalbilden eller bara en större kopia av bilden), en intern sida eller en extern sida. - Lägg till anpassad miniatyrbild - Om du lägger till en anpassad miniatyrbild ändras förhandsgranskningsbilden. Originalbilden kommer endast att visas i Stor bildvisning. Om du bläddrar längre nedåt i menyn Egenskaper hittar du alternativ för att ändra galleriets utseende, t.ex. Gallerityp, Utseendealternativ, Bildeffekter, Bildform, Stor bildvisning med mera.

Så här konfigurerar du de olika gallerityperna:

Miniatyrbilder

- Bildstorlek - Du kan välja mellan en fördefinierad storlek (liten, medelstor och stor) eller ställa in en anpassad storlek som passar din design.
- Visa bildtext - Välj om du vill visa en bildtext/beskrivning under bilden eller inte.
- Du kan välja antalet miniatyrbildskolumner.
- Beskär bild - När Beskär bild har markerats kommer den uppladdade bilden att beskäras till bildförhållandet för galleriets bildstorlek innan storleken ändras. När det här alternativet inte har markerats kommer den uppladdade bilden att behålla sitt ursprungliga bildförhållande i galleriet.
- Antal miniatyrbildskolumner, som standard tre.

Bildspel

- Bildstorlek - Du kan välja mellan en fördefinierad storlek (liten, medelstor och stor) eller ställa in en anpassad storlek som passar din design.
- Visa bildtext - Välj om du vill visa en bildtext/beskrivning under bilden eller inte.
- Animerade bildtexter - Välj om bildtexterna ska vara animerade eller statiska (visas endast när alternativet ”Visa bildtext” har aktiverats).
- Beskär bild - När Beskär bild har markerats kommer den uppladdade bilden att beskäras till bildförhållandet för galleriets bildstorlek innan storleken ändras. När det här alternativet inte har markerats kommer den uppladdade bilden att behålla sitt ursprungliga bildförhållande i galleriet.
- Knapparna Visa föregående/ Visa nästa - Navigeringsknappar som gör att du kan växla mellan galleribilder.
- Uppehåll - Fördröjningen i sekunder mellan bilder som ändras automatiskt.
- Spela upp automatiskt - Du kan ställa in bilderna så att de ändras automatiskt.
- Visa Spela upp/Pausa - Knapparna låter dig pausa eller återuppta alternativet för automatisk uppspelning.
- Slinga - Om du aktiverar detta alternativ kommer galleriet fortsätta att spela upp automatiskt även efter den sista bilden.
- Övergång - Du kan välja mellan en tonings- eller skjutningseffekt eller ingen övergångseffekt alls.
- Navigeringstyp - Du kan lägga till ett navigeringsalternativ under förhandsgranskningen av bilden: knappar, siffror eller bäggedera.

Filmsekvens

- Bildstorlek - Du kan välja mellan en fördefinierad storlek (liten, medelstor och stor) eller ställa in en anpassad storlek som passar din design.
- Visa bildtext - Välj om du vill visa en bildtext/beskrivning under bilden eller inte.
- Beskär bild - När Beskär bild har markerats kommer den uppladdade bilden att beskäras till bildförhållandet för galleriets bildstorlek innan storleken ändras. När det här alternativet inte har markerats kommer den uppladdade bilden att behålla sitt ursprungliga bildförhållande i galleriet.
- Knapparna Visa föregående/ Visa nästa - Navigeringsknappar som gör att du kan växla mellan galleribilder.
- Visa draglist - Du kan lägga till en draglist för att växla mellan bilder.
- Beskärningsikon - När beskärningsikonen har markerats kommer ikonerna att beskäras till bildförhållandet för miniatyrbildsstorleken innan storleken ändras. När det här alternativet inte har markerats kommer ikonerna att bevara det ursprungliga bildförhållandet i galleriet.
- Ställ in storleken på miniatyrbilder (bildikonen) i pixlar.
- Ställ in miniatyrbildernas (bildikonen) position med Placering av miniatyrbilder: överkant, botten, vänster, höger.
- Uppehåll - Fördröjningen i sekunder mellan bilder som ändras automatiskt.
- Spela upp automatiskt - Du kan ställa in bilderna så att de ändras automatiskt.
- Visa Spela upp/Pausa - Knapparna låter dig pausa eller återuppta alternativet för automatisk uppspelning.
- Slinga - Om du aktiverar detta alternativ kommer galleriet fortsätta att spela upp automatiskt även efter den sista bilden.
- Övergång - Du kan välja mellan en tonings- eller skjutningseffekt eller ingen övergångseffekt alls.

Mosaik

- Bildstorlek - Du kan välja mellan en fördefinierad storlek (liten, medelstor och stor) eller ställa in en anpassad storlek som passar din design.
- Visa bildtext - Välj om du vill visa en bildtext/beskrivning under bilden eller inte.
- Beskär bild - När Beskär bild har markerats kommer den uppladdade bilden att beskäras till bildförhållandet för galleriets bildstorlek innan storleken ändras. När det här alternativet inte har markerats kommer den uppladdade bilden att behålla sitt ursprungliga bildförhållande i galleriet.
- Knapparna Visa föregående/ Visa nästa - Navigeringsknappar som gör att du kan växla mellan galleribilder.
- Visa draglist - Du kan lägga till en draglist för att växla mellan bilder.
- Aktivera eller inaktivera alternativet Beskärningsikon för att krympa bildikonen.
- Ställ in storleken på miniatyrbilder (bildikonen) i pixlar.
- Ställ in miniatyrbildernas (bildikonen) position med Placering av miniatyrbilder: överkant, botten, vänster, höger.
- Spela upp automatiskt - Du kan ställa in bilderna så att de ändras automatiskt.
​- Visa Spela upp/Pausa - Knapparna låter dig pausa eller återuppta alternativet för automatisk uppspelning.
- Slinga - Om du aktiverar detta alternativ kommer galleriet fortsätta att spela upp automatiskt även efter den sista bilden.
- Övergång - Du kan välja mellan en tonings- eller skjutningseffekt eller ingen övergångseffekt alls.

Skjutreglage

- Bildstorlek: liten, medelstor, stor eller anpassad.
- Knapparna Visa föregående/ Visa nästa - Navigeringsknappar som gör att du kan växla mellan galleribilder.
- Visa draglist - Du kan lägga till en draglist för att växla mellan bilder.
- Visa bildtext - Välj om du vill visa en bildtext/beskrivning under bilden eller inte.
- Spela upp automatiskt - Du kan ställa in bilderna så att de ändras automatiskt.
​- Visa Spela upp/Pausa - Knapparna låter dig pausa eller återuppta alternativet för automatisk uppspelning.
- Slinga - Om du aktiverar detta alternativ kommer galleriet fortsätta att spela upp automatiskt även efter den sista bilden.

Rutnät

Responsiv - Har utformats för att automatiskt justera och passa in bilder inom det tillgängliga skärmutrymmet med dynamisk anpassning baserat på den angivna kolumnbredden, radhöjden och avståndet som definierats mellan kolumner och rader. I grund och botten erbjuder detta ett mer avancerat och mångsidigt alternativ till miniatyrbildsgalleriet, vilket säkerställer en förfinad och mer flexibel layout.

Murverk - En typ av rutnätsgalleri där objekt är ordnade i en rörlig, organisk layout utan att vara begränsade till strikta rader. Den liknar tegelstenar i en vägg och gör det möjligt att stapla föremål vertikalt samtidigt som den behåller en sammanhängande design. Layouten förlitar sig främst på den angivna kolumnbredden och avståndet mellan kolumner och rader för att skapa ett visuellt tilltalande arrangemang som minimerar mängden tomt utrymme. Den här typen av rutnät är perfekt för innehåll med olika höjder, t.ex. foton, kort eller bloggutdrag eftersom den effektivt använder tillgängligt utrymme samtidigt som den dynamiska och estetiskt tilltalande strukturen bevaras.

Fasta kolumner - En avancerad typ av rutnätsgalleri där antalet kolumner är fast och förblir konsekvent oavsett skärmstorlek. Det som skiljer den här layouten åt är möjligheten att anpassa hur mycket utrymme varje bild innehar i rutnätet.

Layouten bestäms av det fördefinierade antalet kolumner och den angivna radhöjden, vilket i praktiken definierar den totala ytan i galleriet. Inom denna struktur kan varje bild (eller rutnätsobjekt) konfigureras individuellt för att ta upp mer eller mindre utrymme. Du kan till exempel tilldela specifika dimensioner till ett objekt, t.ex. göra så att den första bilden sträcker sig över en kolumn och två rader, vilket fördubblar dess storlek jämfört med andra objekt i rutnätet.

Följande alternativ är gemensamma för alla typer av gallerier

Bildeffekter (används inte i Stor bildvisning) Du kan ändra effekten för förhandsgranskning av bilder. De tillgängliga alternativen är följande:
	- Ingen - Polaroid - Reflektion - Gråskala - Sepia - Ljus - Mörk.

Bildformer (används inte i Stor bildvisning) Du kan ändra formen på förhandsgranskningen av bilden. De tillgängliga formerna för de flesta gallerier är följande:
	- Original - Diamant - Sexkant - Oktagon - Oval - Cirkel.

Stor bildvisning utlöses när webbplatsens besökare klickar på en bild.

- Alternativet Visa bildtext för att aktivera eller inaktivera bildbeskrivningstext under bilden i Stor bildvisning. - Dämpa ljus - När detta alternativ har aktiverats kommer innehållet bakom Stor bildvisning att tonas ned. - Zooma - Om du har en mycket stor bild kan du klicka på den för att zooma. - Storlek - Storleken på Stor bildvisning. Alternativ för bildspel: - Ställ in uppehåll i sekunder - Fördröjningen mellan bilder som ändras. - Spela upp automatiskt - Du kan ställa in bilderna så att de ändras automatiskt. ​- Visa Spela upp/Pausa - Knapparna låter dig pausa eller återuppta alternativet för automatisk uppspelning. - Slinga - Om du aktiverar detta alternativ kommer galleriet fortsätta att spela upp automatiskt även efter den sista bilden. - Ställ in en navigeringstyp för knappar, knappar och siffror eller ingendera.  - Lägg till pilknappar för Föregående/Nästa för att navigera mellan bilder.

Anteckningar:

- Det finns en gräns på 200 bilder per uppladdning. Detta kan dock variera beroende på din internetanslutning.
- Det går inte att ladda upp komprimerade filer, t.ex. .zip eller .rar.