jan 19

Lägg till Lightbox direkt i SmartCMS

I den senast uppdateringen från SmartCMS hittar du nu Lightbox.

Om man surfar runt lite så inser man att många webplatser använder sig av en bildeffekt som populärt kallas Lightbox för att visa bilder. Så här går det till, på websidan placerar men en liten bild (tumnagel) som man sedan kan trycka på och då förstoras bilden upp och centreras på sidan, samtidigt som bakgrunden dämpas med en mörk färg för att göra bilden tydligare. Det är ett populärt sätt att visa bilder på både nyhetssajter, webshoppar och i portfolios hos reklambyråer.

Koden för att lägga till en Lightbox kan laddas ner var som helst ifrån på nätet och är om man är lite insatt i HTML och JavaScript inte så avancerat att förstå sig på. Men när man söker på Lightbox inser man att folk tycker att det är ganska så svårt, för det finns hur långa listor som helst med folk som har frågor om hur Lightbox fungerar. Därför har vi lagt till Lightbox eller ett bildgalleri som vi valt att kalla det i SmartCMS. Med ett enkelt val väljer du att lägga till ett bildgalleri och sedan är det bara att välja vilka bilder som bildgalleriet skall innehålla och det gör du som med det mesta i SmartCMS direkt på den sida det gäller.

Här följer en guide till hur du lägger upp ett bildgalleri i SmartCMS.

addImageGallery01.png

1. Skapa ett Bildlista fält i din mall.

 

addImageGallery02.png

2. Gå till din sida och klicka på Redigera.

 

addImageGallery03.png

3. Välj vilka bilder du vill ha med i ditt bildgalleri.

Du skapar olika listor genom att skapa olika Taggar i mediabiblioteket.

 

addImageGallery04.png

4. Välj hur du vill visa dina bilder och i vilken storlek som miniatyrerna (tummnagelbilderna) skall visa.

Det kan krävas ett visst css arbete för att få det snyggt.

 

addImageGallery05.png

5. När du klickat infoga så trillar de nya bilderna in på plats på sidan.

 

addImageGallery06.png

6. Det färdiga resultatet.

För mer information kontakta Niklas Hofvander.

blog comments powered by Disqus