Billedsammenligning
Et billede er værd tusind ord, men en sammenligning er uvurderlig. Billedsammenligningselementet lader dig fremvise ændringer, opgraderinger eller forskelle med en interaktiv skyder. Placer to billeder side om side og lad besøgende trække et håndtag for at afsløre “efter” over “før.” Perfekt til renoveringer, fitnessresultater, produkt makeovers eller enhver visuel historie om fremskridt. Med fuld kontrol over håndtaget, etiketter og overlay kan du skabe en overbevisende, professionel sammenligning, der engagerer og overbeviser på få sekunder.
Interaktiv træk-og-afslør skyder
Magien er i interaktionen. Upload dine “Før” og “Efter” billeder, og indstil derefter det indledende Synlige forhold – som at starte ved 50% for at vise begge lige. Brugere kan klikke og trække i Håndtaget for at glide mellem de to billeder, hvilket giver dem direkte kontrol over afsløringen. Vælg orienteringen (vandret eller lodret), og indstil interaktionen til Mus Træk eller berøringsswipe. Det er en fordybende måde at demonstrere forandring på.
- Intuitiv kontrol: Brugere trækker et håndtag for interaktivt at sammenligne de to billeder.
- Fleksibel orientering: Opret vandrette (venstre/højre) eller lodrette (op/ned) sammenligningsskydere.
- Justerbart startpunkt: Indstil den indledende opdeling (f.eks. 30% før, 70% efter) for at fremhæve resultatet.
Tilpasbare Overlay & Clear Labels
Sørg for, at seerne forstår, hvad de ser. Aktivér Overlay for at vise “Før” og “Efter” etiketter lige på billederne. Tilpas disse etiketter fuldt ud: skift tekst, typografi, farver og baggrund. Du kan endda bruge en gradient til overlayet. Style Normal og Hover-tilstandene separat, og styr overlayets polstring, margener og kanter for et poleret, integreret look.
- Brugerdefineret etikettekst: Skift “Før/Efter” til alt som “Gammel/Ny,” “Original/Forbedret,” osv.
- Stilfuld Overlay Baggrund: Brug solide farver, gradienter, eller endda billeder til etiketten baggrunde.
- Klar visuel kontekst: Sørg for, at seerne aldrig spekulerer på, hvilket billede der er hvilket.
Professionel Håndtag & Container Styling
Skyderen skal ligne en del af dit design, ikke et generisk værktøj. Fuldt tilpasse Håndtaget: ændre sin bar farve og størrelse, style trækboksen med ikoner, farver, og baggrunde, og tilføje Box Shadow og Border Radius. Derefter, style hovedbeholderen (Layout Style) med kanter, polstring, og skygger. Hvert element – fra håndtaget til etiketterne til beholderen – kan skræddersyes til dit brand.
- Trækhåndtagsdesign: Style skyderlinjen og den trækbare boks med ikoner, farver og svæveeffekter.
- Containerpolsk: Tilføj kanter, skygger og afstand til widgetten, så den passer problemfrit ind i dit layout.
- Responsive Touch: Håndtaget er designet til at være nemt at gribe og trække på både stationære og touchscreen-enheder.
Ofte stillede spørgsmål til billedsammenligning
Kan jeg bruge dette til at sammenligne mere end to billeder?
Nej, dette element er specielt designet til en direkte, side-by-side sammenligning af to billeder. Det er perfekt til før / efter scenarier. For at fremvise flere billeder eller tilstande, overveje at bruge en Galleri Slider eller Billedkarrusel i stedet.
Hvordan fungerer dette på mobiltelefoner?
Perfekt! Skyderen er fuldt berøringsvenlig. Brugere kan stryge til venstre/højre (eller op/ned) for at flytte håndtaget. Elementet er responsivt, og du kan justere indstillinger som etiketstørrelse og håndtagsstørrelse til mobil i Elementors responsive redigeringstilstand.
Kan jeg ændre teksten på etiketterne?
Absolut. Du kan ændre standardteksten “Før” og “Efter” til alt, hvad du ønsker direkte i Indstillingerne for indhold. Dette lader dig tilpasse etiketterne til ethvert scenarie, som “Dag/nat,” “Uden/Med,” eller “Produkt A/Produkt B.”
Hvad er den bedste anvendelse for den lodrette orientering?
Lodrette skydere er gode til at sammenligne høje billeder, som portrætter i fuld længde, bygningsfacader eller enhver “top vs. bund” transformation. Det er også et unikt visuelt valg, der kan få din sammenligning til at skille sig ud på en side med vandret indhold.
Vil det at bruge to billeder i høj opløsning gøre min side langsommere?
Det kan det, hvis billederne er meget store. Brug indstillingen Billedopløsning klogt (f.eks. “Stor” i stedet for 'Fuld') og optimer altid dine billeder til internettet, før du uploader. Selve elementet er let, men billedfilstørrelsen er hovedfaktoren for ydeevne.
Kan jeg starte skyderen med "Efter"-billedet for det meste skjult?
Ja, brug indstillingen Synligt forhold. Hvis du indstiller det til 90%, vil billedet “Før” optage 90% af pladsen, og skjule det meste af billedet “Efter”, indtil brugeren trækker håndtaget. Dette er fantastisk til at skabe en overraskende afsløring.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
