Smartbyrå.Hjelpesider.
Få gratis forslag

Del i to bilder

To fotografier som deler på én seksjon: før og etter, verkstedet og resultatet, sommer og vinter. «Del i to bilder» er grepet som forteller en kontrast uten et eneste ord.

Gruppen Del i to bilder i seksjonens Utseende-dialog, med Velg bilde 2, Utsnitt for bilde 2 og mørklegging

Først: logg inn i editoren med redigeringslenken du har fått fra oss – slik logger du inn (og der kan du få lenken tilsendt på nytt).

Funksjonen bor i seksjonens Utseende-dialog. Velg Bilde som type bakgrunn og velg hovedbildet – det blir venstre halvdel. Åpne så den lukkede gruppen «Mobil, rullering, to bilder og tekstpanel» rett under, og trykk «Velg bilde 2» under «Del i to bilder». Når du lagrer, deler de to bildene seksjonen mellom seg – og har seksjonen bare én kolonne, deles den automatisk i to, så hver halvdel får sitt eget innholdsområde. Teksten ligger oppå som før, med mørkleggingen som sørger for at ordene vinner over bildene.

Del i to bilder-gruppen i Utseende-dialogen med miniatyr, Velg bilde 2, Utsnitt for bilde 2 og glidebryter for mørklegging av bilde 2

«Del i to bilder»: ett foto per halvdel, med eget utsnitt og egen mørklegging på bilde 2.

Kontrastene som selger

Før/etter er klassikeren – renovering, vask, hagearbeid: ingenting dokumenterer effekt bedre. Prosess/resultat viser håndverket og stoltheten: verkstedet til venstre, det ferdige produktet til høyre. To målgrupper: privat/bedrift, sommer/vinter – når tilbudet har to ansikter, kan seksjonen ha det også. Legg gjerne en overskrift og en knapp i hver kolonne, så halvdelene også får hver sin handling. Vil du heller ha en glidebryter besøkende drar mellom to bilder, er Før/etter-elementet riktig verktøy – det er et element, ikke en bakgrunn.

Få begge halvdelene til å treffe

Hver halvdel har sitt eget utsnitt: hovedbildets fokuspunkt setter du under Flere valg (klikk i miniatyren der motivet skal være synlig), og bilde 2 har knappen «Utsnitt for bilde 2» som åpner utsnitt-verktøyet. Bruk dem: halvdelene er høye og smale, så motivet må plasseres bevisst. Bilde 2 har også sin egen mørklegging, så du kan tone ned et lyst bilde uten å røre det andre. Velg bilder med omtrent samme lysstyrke og stemning, ellers ser seksjonen ut som to annonser. Og sjekk mobilen med «Se siden» – der er halvdelene enda smalere.

Bakgrunnsfeltene, med bilde nr. 2 under Flere valg

Vises med en gang
InnstillingHva den gjørStandard
BakgrunnsfargeBrukes når seksjonen ikke har bilde, video eller fargeovergang.
Fargeovergang (gradient)Navn på en ferdig overgang. Lyse: blush, rose, sunset, lilac, sky, mint, peach, lemon, aqua, sage, lavender, coral, sand, ice, rosegold, seafoam, cottoncandy, sunrise, meldiosoft. Mørke (lys tekst): peony, berry, ink, night, plum, ocean, forest, teal, royal, wine, emerald, dusk, charcoal, sunsetdark, mango, meldio. Egne farger: «#hex,#hex,135deg».
Under «Flere valg»
InnstillingHva den gjørStandard
Bilde nr. 2 (delt bakgrunn)Vises side om side med hovedbildet, hver halvdel med sitt innhold.
Rullerende bakgrunnsbilderMinst to bildeadresser – bakgrunnen veksler automatisk mellom dem.
BakgrunnsvideoYouTube- eller Vimeo-lenke. Spilles automatisk, uten lyd, i løkke.
Fokuspunkt vannrett0 = venstre kant, 100 = høyre kant.50 %
Fokuspunkt loddrett0 = toppen av bildet, 100 = bunnen. Viktig i høye seksjoner der bildet beskjæres.50 %
Under «Alle innstillinger»
InnstillingHva den gjørStandard
Tid per bilde i rulleringenGjelder når flere bilder ruller. 2000–20000.5000 ms
Fokuspunkt vannrett, bilde 250 %
Fokuspunkt loddrett, bilde 250 %

Samme gruppe i dialogen rommer to andre grep for seksjoner med bilde: eget bilde og fokuspunkt på mobil og rullerende bakgrunn med flere bilder som veksler automatisk.

Sist oppdatert 9. september 2026

← Alle artikler om seksjoner og oppsett