Widgeten bildpopup

Med widgeten Bildpopup får du en bild som när den klickas ger en popup-ruta som lägger sig ovanför sidans övriga sidinnehåll. I popup-rutan kan du lägga valfritt layoutat innehåll.

Notera att widgeten inte ger en popup som öppnar ett nytt fönster. Risken för att besökare med popup-blockare eller adblocks ska blockera widgeten är därför minimal.

Bildgalleri med tumnagelbilder

Bildpopuper kan användas till att skapa ett bildgalleri. Lägg då flera bildpopup-widgetar med tumnagelbilder intill varandra och gör så att när de små bilderna klickas så öppnas en större version av samma bild i en popup.

Video

Du kan även använda bildpopup till att ha en stillbild ifrån en video och låta ett klick på bilden öppna en popup med en inbäddad video. I det layoutade innehållet för popupen infogar du videon enligt denna guide.

Lägga till en bildpopup

Gör så här i admin:

1. Gå till Webbplats -> Filarea och ladda upp din bildfil i en lämplig mapp. Om du vill att ett klick på bilden ska öppna en popup med en större version av samma bild, ladda upp bilderna i de båda storlekarna.
   
2. Gå till innehållssidan eller widgethållaren du vill lägga in bilden på. (Webbplats -> Sidor -> Klicka på sidan. Eller Webbplats -> Widgethållare -> Klicka på widgethållaren.)
3. Klicka knappen Lägg till widget.
4. Välj Bildpopup under den förvalda kategorin Allmänna.
   
5. Klicka på knappen Nästa.
6. Välj lämpliga val för fliken Allmänna inställningar. (Notera att valet Bakgrundsbild inte är bilden som ska bli klickbar för popup, utan endast ska väljas om du vill ha en bakgrundsbild eller mönster som ska repeteras sida vid sida i bakgrunden bakom den klickbara bilden.)
7. Växla till fliken Widgetinställningar.
   
8. Som Bild väljer du bilden som ska visas på sidan/innehållsytan och som om man klickar ska ge popupen.

   Undvik för hög bildbredd Tänk på att inte ha bilder som är bredare än widgetens bredd, dvs den du ställer in genom att dra i kanten på widgeten och välja antal kolumner på innehållssidan eller widgethållaren. Om en bild är bredare än utrymmet för den så kan resultatet bli att flera element på din sida överlappar på ett fult sätt eller att sidan blir bredare än den är designad för.

9. Välj Popup-bredd och Popup-höjd i pixlar för hur stor popup-rutan ska bli innan text radbryts eller popup-rutan får skroll-lister. Du vill alltid undvika att man behöver skrolla i sidled i din popup och om möjligt undvika det även i höjdled.
10. Som Popup-innehåll skapar du med editorn det innehåll du vill att popupen ska ha. Se guiden om layoutat innehåll för mer info om editorns funktioner
11. Klicka på knappen Spara.