Bildgalleri-widget

Bildgalleri-widgeten visar flera bilder från filarkivet — antingen som ett galleri (rutnät) eller som ett karusell (slideshow). Använd den när du vill att flera bilder ska kunna visas tillsammans och bläddras igenom av användaren.

När du ska använda detta

• Du vill visa en samling bilder — produkter, miljöbilder, eventfoton
• Bilderna ska kunna grupperas dynamiskt baserat på filtaggar
• Du vill ha en automatiskt växlande slideshow på en startsida
• Du vill ge användaren möjlighet att bläddra mellan bilder i en kompakt yta

Hur det fungerar

Widgeten hämtar bilder från Filer-pluginens filarkiv. Du kan välja bilderna manuellt (välj specifika filer) eller via tags (alla filer som är taggade med valda tags inkluderas automatiskt).

Visningsläget styr hur bilderna presenteras:

• Galleri — bilderna visas i ett rutnät där alla syns samtidigt.
• Karusell — bilderna visas en eller några i taget och användaren kan bläddra. Stöder autoplay.

Lägg till ett bildgalleri

1. Aktivera Filer-pluginen i appletens Plugin-inställningar.
2. Öppna Designredigeraren för din applet.
3. Lägg till widgeten Bildgalleri på sidan.
4. Öppna widgetens inställningar.
5. Välj filer manuellt eller slå på Välj från tags.
6. Välj Visningsläge (Galleri eller Karusell) och justera alternativen.
7. Spara ändringarna.

Inställningar i widgeten

Filer

Inställning	Beskrivning
Välj filer	Öppnar filväljaren mot filarkivet. Visar antal valda filer.
Välj från tags	Slå på för att inkludera alla filer som är taggade med valda tags istället för att välja filer manuellt.
Tags	Multi-select över tillgängliga tags. Visas när Välj från tags är på.

TIPS

Använd Välj från tags när bildsamlingen växer över tid — exempelvis ett pressbildsarkiv där nya bilder ska dyka upp automatiskt så fort de taggas korrekt.

Visningsläge

Segmentkontroll med två val:

Läge	Beskrivning
Galleri	Bilderna visas i ett rutnät.
Karusell	Bilderna visas som en bläddringsbar slideshow.

Galleriinställningar

Visas när Visningsläge är Galleri.

Inställning	Beskrivning
Storlek	Värde 1–12 som styr storleken/antalet kolumner i rutnätet. Lägre värde = större bilder, högre värde = fler bilder per rad.
Position	Horisontell placering av galleriet på sidan — Vänster, Centrerad eller Höger.

Karusellinställningar

Visas när Visningsläge är Karusell.

Inställning	Beskrivning
Höjd	Karusellens höjd, 10–100 i steg om 10.
Justera innehåll	När den är på anpassas bilderna efter karusellens proportioner.
Paginering	Visar punkter under karusellen som indikerar position och låter användaren hoppa direkt till en bild.
Bilder per vy	Hur många bilder som visas samtidigt. Värde 1–5 i steg om 0,1 (decimaler för att visa "halv nästa bild" som teaser).

Autoplay

Inställning	Beskrivning
Autoplay	När den är på växlar karusellen automatiskt mellan bilder.
Hastighet (s)	Antal sekunder mellan automatiska byten, 1–5 i steg om 0,5. Visas när Autoplay är på.

TIPS

Sätt Bilder per vy till ett värde med decimal — exempelvis 1.2 eller 2.5 — för att antyda att fler bilder finns att bläddra till. Det hjälper användaren förstå att karusellen är interaktiv.

Exempel

Scenario: Du vill visa en automatiskt växlande slideshow av eventbilder högst upp på startsidan, och en sökbar gallerisida som listar alla bilder med taggen event.

1. På Start-sidan, lägg till en Bildgalleri-widget:
   • Slå på Välj från tags och välj event.
   • Sätt Visningsläge till Karusell.
   • Höjd: 60, Bilder per vy: 1, Paginering: på.
   • Autoplay: på, Hastighet: 3 sekunder.
2. På Galleri-sidan, lägg till en till Bildgalleri-widget:
   • Slå på Välj från tags och välj event.
   • Sätt Visningsläge till Galleri.
   • Storlek: 4 för fyra kolumner.

Båda widgetarna uppdateras automatiskt när nya bilder taggas med event.

Tips

TIPS

För galleriläget — använd ett lägre värde på Storlek (1–3) för stora hjältebilder och ett högre värde (6–12) för tumnaglar och översikter.

TIPS

Karusell + autoplay + paginering ger en klassisk hero-slideshow. Stäng av paginering för en renare look om du har bara två eller tre bilder.

Vanliga misstag

VARNING

Om du använder Välj från tags men ingen bild i filarkivet har de valda taggarna blir galleriet tomt. Kontrollera att filerna verkligen är taggade.

VARNING

För många bilder i karusellen med Autoplay på kan göra det svårt för användare att hinna läsa innehåll. Håll autoplay-hastigheten på minst 3 sekunder för bilder med text eller detaljer.

VARNING

Bilder per vy över 1 fungerar bäst för bilder i liknande bildförhållanden. Blandade format kan se ojämna ut bredvid varandra.