Elementor Image Carousel Widget: Gratis skyder med lysboks og coverflow
Image Carousel-widgetten i Master Addons forvandler et WordPress-galleri til en skyder, der kan stryges, og det er gratis. Du vælger billederne, vælger, hvor mange der vises på skrivebordet, tablet og telefon, og tilføjer automatisk afspilning, en lightbox og et 3D-coverflow-layout, hvis du vil have et. Hver slide kan styles i sin normale, svævende og aktive tilstand, og pilene, prikkerne og billedteksterne følger dit brand. Det fungerer til porteføljer, produktbilleder, hotel- og ejendomsture og klientlogoer.
Avanceret layout og adfærdskontrol
Tag fuld kontrol over, hvordan din karrusel ser ud og opfører sig. Vælg et Karrusel- eller Coverflow-layout. Indstil Slides pr. Kolonne for gitterlignende skærme, og definer, hvor mange Slides der skal rulles. Aktivér funktioner som Automatisk afspilning, Sløjfe, Centertilstand og endda en Grab Cursor til interaktiv trækning. Observer-indstillingen sikrer, at den fungerer perfekt inde i faner eller harmonikaer.
- Fleksible layouts: Opret multi-rækker gitter eller klassiske vandrette skydere med fuld kontrol over kolonner og rulle.
- Glatte interaktioner: Indstil automatisk afspilningshastighed, animationshastighed, og aktiver pause ved svæve for brugervenlig adfærd.
- Smarte adaptive funktioner: Brug automatisk højde for at undgå akavede tomme rum, og Observer for at få det til at fungere i skjulte beholdere.
Stil hver del, i hver stat
Gør din karrusel til en perfekt del af dit design. Stil ikke bare billederne – style beholderen for hvert element. Indstil unikke baggrunde, grænser, skygger og polstring til Normal, Hover og Active stater. Juster elementgabet og den overordnede opacitet. Dette detaljeringsniveau lader dig oprette interaktive kort, fremhæve det aktive dias og give klar visuel feedback, når brugerne interagerer.
- Interaktiv feedback: Design distinkte svæveeffekter (som et skyggeløft eller farveændring) for at engagere besøgende.
- Aktivt diasfremhævning: Få det aktuelle centerdias til at skille sig ud med en anden kant eller baggrund.
- Komplet visuel kontrol: Tilpas kantradius, boksskygge og polstring for perfekt indramning af genstande.
Navigation & Integreret Lightbox
Guide dine besøgende ordentligt på dit billede karrusel. Design elegant Arrow navigation med brugerdefinerede ikoner, farver, baggrunde, og positionering (Inside, Outside). Skjul dem på mobil for et renere udseende. Derefter, aktivere dit galleri med en indbygget Lightbox. Tilpas preview ikon, overlay, og billedtekst typografi. Vælg mellem Fancybox og Elementor for at åbne billeder i en smuk, fuld skærm visning oplevelse.
- Brugerdefinerede navigationspile: Stilpile fra bunden – ændre deres farve, størrelse, baggrund og vandret forskydning.
- Mobiloptimeret: Vælg at skjule pil på mobilen og stole på swipe-bevægelser for en indfødt følelse.
- Premium Lightbox: Tilbyd en zoomet visning med tilpasselige ikoner og overlejringer, hvilket gør karrusellen til et komplet galleri.
Elementor Image Carousel vs Master Addons Image Carousel
Begge widgets er gratis. Elementors version er nok til en grundlæggende skyder med billedtekster og links. Vælg Master Addons en, når du har brug for et coverflow-layout, rækker af billeder eller mere kontrol over navigation og slide-styling.
| Elementor Image Carousel | Master Addons Billedkarrusel | |
|---|---|---|
| Price | Free | Free |
| Slides pr. visning pr. enhed | Ja | Ja |
| Layouts | Glide eller falme | Karrusel eller 3D-dækselstrøm |
| Flere rækker | No | Ja, med dias pr. kolonne |
| Navigation | Pile og prikker | Pile, prikker, dynamiske punkttegn, brøk, statuslinje og rullepanel |
| Lightbox | Elementor lightbox | Fancybox eller Elementor, med et brugerdefineret preview-ikon og overlejring |
| Slide styling | Basic | Normal, svæve og aktiv tilstand |
| Link hvert billede til en URL | Ja | Nej, billeder åbner i lyskassen |
Sådan tilføjes en billedkarrusel i Elementor
For en længere gennemgang med skærmbilleder, læs sådan oprettes en billedkarrusel i Elementor.
- Installer det gratis Master Addons plugin og rediger din side med Elementor.
- Søg i widgetpanelet efter Billedkarrusel, og træk det ind i en beholder.
- Klik på gallerifeltet, vælg dine billeder og indstil billedopløsningen.
- Indstil, hvor mange dias der vises pr. enhed, og tænd derefter for Autospil, Sløjfe og lysboksen, hvis du vil have dem.
- Vælg Karrusel eller Coverflow, stil slides og pile, og udgiv.
Relaterede karruseller: Logo Slider, Team Slider, Galleri Slider (Pro) og Blog widgets karruseltilstand.
Ofte stillede spørgsmål til billedkarrusel
Hvad er den største fordel i forhold til Elementors grundlæggende billedkarrusel?
Elementors gratis Billedkarrusel håndterer en simpel skyderbrønd: billedtekster, en lysboks, automatisk afspilning og dias pr. enhed. Master Addons tilføjer et 3D-coverflowlayout, multi-rækkegitter med dias pr. Kolonne, brøkdel, statuslinje og rullepanelnavigation, et valg af Fancybox eller Elementor-lysboksen med et brugerdefineret preview-ikon, styling til normale, svævende og aktive dias og en Observer-mulighed for karruseller inde i faner eller harmonikaer.
Hvis jeg aktiverer 'Auto Height', vil mine billeder så blive strakt eller beskåret?
Nej. Auto Height justerer den samlede karruselbeholders højde, så den passer til den højeste slide, der er synlig i øjeblikket. Dine billeder vil bevare deres billedformat baseret på dine andre indstillinger (som “Billedstørrelse”). Det forhindrer faste højder i at skabe store tomme mellemrum, hvis du har billeder med varierende portræt-/landskabsorienteringer.
Kan jeg bruge dette til en logo-skyder med gråtoner til at farve på svæve?
Absolut! Dette er et perfekt brugstilfælde. Upload dine logobilleder. I fanen Karruselgenstande skal du indstille normaltilstanden Opacitet eller bruge et CSS-filter til at gøre dem gråtoner. Indstil derefter opaciteten tilbage til 1 i tilstanden Hover og fjern filteret. Den indbyggede hover-styling gør denne effekt let uden brugerdefineret kode. Eller brug Logo Slider widget, som er bygget til klientlogoer.
Hvordan fungerer indstillingen "Observer", og hvornår skal jeg bruge den?
Observer holder øje med ændringer i karrusellens beholder. Aktiver den (indstillet til Ja), når du placerer karrusellen inde i en fane, harmonika eller skifte-widget, eller hvor som helst den oprindeligt er skjult. Dette sikrer, at karrusellen gengives og fungerer korrekt i det øjeblik, en bruger klikker for at afsløre sin overordnede beholder. Hvis den er brudt inde i en fane, løser dette det normalt.
Vil det give problemer med ydeevnen at have flere karruseller med autospil på én side?
Det kan, hvis du har mange (som 15+). Hver autospil karrusel er et bevægeligt element browseren skal animere. For bedste ydeevne, begrænse autospil til din vigtigste helt karrusel. For andre, overveje at lade brugerne rulle manuelt. Også, ved hjælp af optimerede billedstørrelser (gennem Image Resolution indstillinger) er afgørende for hastighed.
Kan jeg linke karruselelementer til forskellige webadresser i stedet for kun lysboksen?
Ikke med denne widget. Den åbner billeder i en lightbox. Hvis hver slide har brug for sit eget link, skal du bruge den Logo Slider, eller linkmuligheden i Elementors egen Billedkarrusel.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
