Smart fototrick: Før og efter billeder som de professionelle

Det er nemt at klaske et før og efter billede sammen med en fræk slider, som du måske har set på New York Times. Ser her hvordan du på få minutter kan det samme som de professionelle.

Du har formentlig set finten hos de store nyhedsmedier. Når en tsunami eller en anden katastrofe rammer, oprettes en billedboks med en slider. 

Når den trækkes i den ene retning, vises et billede før katastrofen, mens den viser et foto efter, hvis slideren trækkes i den anden retning.

Det er en yderst effektiv effekt, men den er egentlig ekstremt simpel, og du kan nemt efterligne de professionelle.

På websiden foge.flopper.dk skal du nemlig blot linke til to af dine billeder.

Det kræver, at de er online, men du kan eksempelvis bare smide dem på en gratis fototjeneste som Flickr.

Herefter skal du angive, hvor stor billedboksen skal være, og en HTML-kode genereres.

Den kan du embedde på din webside.

Det er også muligt at downloade det hele som JavaScript og selv lægge det op på din webside.

Hvis effekten skal være i top, er det bedst, hvis du har taget begge billeder fra samme vinkel og position. Det kan derfor være en god idé at bruge stativ.

Her er vores forsøg med foge.flopper.dk, og det tog under 10 minutter inklusive fotografering:

Annonce

Computerworld Events

Vi samler hvert år mere end 6.000 deltagere på mere end 70 events for it-professionelle.

Ekspertindsigt – Lyt til førende specialister og virksomheder, der deler viden om den nyeste teknologi og de bedste løsninger.
Netværk – Mød beslutningstagere, kolleger og samarbejdspartnere på tværs af brancher.
Praktisk viden – Få konkrete cases, værktøjer og inspiration, som du kan tage direkte med hjem i organisationen.
Aktuelle tendenser – Bliv opdateret på de vigtigste dagsordener inden for cloud, sikkerhed, data, AI og digital forretning.

Sikkerhed | Online

Computerworld Cyber Briefing: Cyberresiliens

De fleste organisationer har en plan for recovery. Få ved dog, hvilke systemer der skal op at køre først for at holde forretningen i gang. Kom med, når vi ser nærmere på, hvordan Cohesity, Dustin og HPE hjælper organisationer med at definere og...

It-løsninger | Horsens

Dynamics AX og FO: Næste kapitel for din virksomhed

Få overblik over vejen fra Dynamics AX til Finance & Operations – eller løft værdien af Dynamics FO. Hør praksisnære cases om strategi, migration og optimering. Vælg spor, få dyb faglig indsigt, styrk beslutningerne. Tilmeld dig konferencen i...

Jura | København

Compliance Day 2026

Computerworld samler NIS2, AI Act, DORA, GDPR og ledelsesansvar i ét skarpt program. Få styr på kravene og omsæt dem til styring, beslutninger og handling i hverdagen. Tilmeld dig Compliance Day.

Se alle vores events inden for it

Navnenyt fra it-Danmark

Allan Hougaard, der arbejder med softwareudvikling og -arkitektur hos Sparinvest, har pr. 30. juni 2026 fuldført uddannelsen Master i it, linjen i softwarekonstruktion på Aarhus Universitet via It-vest-samarbejdet. Færdiggjort uddannelse

Allan Hougaard

Sparinvest

Genetec har pr. 1. august 2026 ansat Jan Julin som Channel Account Executive. Han skal især beskæftige sig med styrke samarbejdet med partnere og kunder i Danmark, Finland og Baltikum. Han kommer fra en stilling som Senior Business Development Manager hos Dahua Technology. Han har tidligere beskæftiget sig med videoovervågning, adgangskontrol, sikkerhedsteknologi, salg og forretningsudvikling. Nyt job

Jan Julin

Genetec

Netip A/S har pr. 1. august 2026 ansat Ronni Randrup som Seniorkonsulent ved netIP's kontor i Aalborg. Han kommer fra en stilling som Operations Consultant hos Complea. Nyt job

Ronni Randrup

Netip A/S

Martin Grooss Carpentier, Software Architect hos Kamstrup, har pr. 29. juni 2026 fuldført uddannelsen Master i it, linjen i softwarekonstruktion på Aarhus Universitet via It-vest-samarbejdet. Færdiggjort uddannelse