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.
|
Denna guide handlar specifikt om widgeten Bildpopup, och fokuserar därför på vad som skiljer denna widget ifrån våra andra widgetar. För information om hur widgetar fungerar över lag, referera därför till denna guide. Se även guiden för inställningar för höjd och marginaler. |
Lägga till en bildpopup
Gör så här i admin:
- 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.
- 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.)
- Klicka knappen Lägg till widget.
- Välj Bildpopup under den förvalda kategorin Allmänna.
- Klicka på knappen Nästa.
- 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.)
- Växla till fliken Widgetinställningar.
- 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. - 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.
- 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
- Klicka på knappen Spara.