Hoppa till huvudinnehåll

Bildspel

Hur du lägger till bildspel på din hemsidan

Uppdaterad denna vecka

🎞️ Bildspel – Visa bilder med snygga övergångar

📌 Vad är en Bildspel-widget?

En bildspel-widget visar en bild i taget som växlar automatiskt efter några sekunder. Till skillnad från ett galleri där alla bilder visas samtidigt i miniatyrformat, fokuserar slideshow på en bild i taget med mjuk övergång – perfekt för att skapa ett visuellt flöde som berättar en historia eller presenterar innehåll på ett mer engagerande sätt.


⚠️ Begränsningar för slideshow-widgeten

För att hålla din hemsida snabb och smidig rekommenderas:

  • Max 10 bilder per slideshow

  • Max 3 slideshows per sida för att undvika lång laddningstid


➕ Lägg till bilder i din slideshow

  1. Klicka på slideshow-widgeten som du har placerat på din sida

  2. Klicka på "Hantera bilder"

  3. Klicka på "Lägg till bilder"

  4. Ladda upp dina bilder

    Screenshot 2024-09-17 at 11.06.01.png

  5. Markera de bilder du vill använda och klicka på "Lägg till bilder"

    Screenshot 2024-09-17 at 11.09.53.png

💡 Du kan alltid lägga till eller ta bort bilder senare!


⚙️ Bildinställningar

Klicka på en bild till höger och redigera inställningarna till vänster:

  • Lägg till länk om du vill att bilden ska leda någonstans när man klickar på den

  • Titel och beskrivning – visas ovanpå bilden i bildspelet

  • Ta bort bilden om du inte vill ha den med

    Screenshot 2024-09-17 at 11.57.59.png

↕️ Ändra bildordning

  • Dra och släpp bilderna för att ändra i vilken ordning de visas i bildspelet.

    2024-09-17 11.59.45.gif

🛠️ Inställningar för bildspel

När du klickar på bildspel-widgeten öppnas inställningspanelen där du kan anpassa upplevelsen ytterligare:


Screenshot 2024-09-17 at 12.01.38.png

🎬 Övergångsinställningar

  • Övergångstyp:

    • Fade – bilden tonar mjukt över till nästa

    • Ingen effekt – bilden byts direkt utan övergång

  • Varaktighet:

    • Hur länge varje bild visas innan nästa kommer

  • Hastighet:

    • Hur snabbt övergången mellan två bilder sker


🖼 Bildinställningar

  • Visa bildtitel: Slå på/av visning av bildens titel

  • Visa bildbeskrivning: Slå på/av visning av beskrivningen

  • Beskär bild: Anpassar bilden så den fyller hela slideshow-ytan


🧭 Visningsalternativ

  • Visa navigeringsknappar: Låt besökaren klicka sig fram och tillbaka

  • Tillåt paus: Visar en pausknapp när muspekaren förs över slideshowen

  • Visa indikatorpunkter (bullets): Små prickar som visar hur många bilder som finns

  • Tillåt loop: När sista bilden visats startar bildspelet om från början


💡 Tips: Använd bildspel för att skapa ett professionellt och levande första intryck – t.ex. på startsidan eller för att visa utvalda produkter, referenser eller projekt.

Fick du svar på din fråga?