Galleri Slider
Træt af grundlæggende billedgitter eller enkle diasshow? Galleri Slider-elementet kombinerer det bedste fra begge verdener. Det har et slankt opdelt layout: et stort, smukt Preview-område parret med en navigations-miniaturestrimmel eller gitter. Klik på et hvilket som helst miniaturebillede for øjeblikkeligt at opdatere hovedforhåndsvisningen. Perfekt til porteføljer, produktgallerier eller fremvisning af enhver billedsamling med en førsteklasses, interaktiv følelse. Med separat, dyb tilpasning til hver enkelt del – fra miniature svæver til forhåndsvisning af billedtekster – du kan bygge et galleri, der ikke bare er funktionelt, men en mindeværdig del af dit websteds oplevelse.
Unikt Split-Layout Design
Dette er ikke en standardkarrusel. Det er en dedikeret gallerigrænseflade. Vælg din forhåndsvisningsposition (venstre eller højre) og kontroller dens bredde som en procentdel af den samlede plads. Miniaturebillederne sidder pænt ved siden af den. På mindre skærme skal du bruge funktionen “Stak på” til automatisk at stable forhåndsvisningen og miniaturebillederne lodret, hvilket sikrer en perfekt visning på hver enhed. Dette layout giver brugerne klar, fokuseret visning med nem navigation.
- Fleksibel layoutkontrol: Indstil forhåndsvisningen til at være omdrejningspunktet til venstre eller højre, med justerbar bredde (f.eks. 70%).
- Miniature navigation: Brugere kan klikke gennem miniaturebilleder for at ændre hovedforhåndsvisningen – intuitiv og hurtig.
- Mobil-responsiv stabling: Stabler automatisk layoutet på tablet og mobil for optimal udnyttelse af lodret plads.
Design forhåndsvisningen, miniaturebilleder
Opnå et perfekt sammenhængende design ved at style hver del uafhængigt. Style Preview-områdets baggrund, kanter og skygge. Design Preview Captions med fuld typografi, polstring og justeringskontroller. Stil derefter Thumbnails: styr deres Lodrette/Horisontale Afstand, Grænser, Border Radius og justering. Opret endelig engagerende interaktioner ved at designe separate Hover Effects til både forhåndsvisning og miniaturebilleder, herunder skala, skygge, filtre og farvede overlejringer.
- Komplet forhåndsvisningsstyling: Tilføj baggrunde, brugerdefinerede højder og skygger til hovedbilledområdet.
- Kontrol af miniaturegitter: Juster afstand og kanter for at oprette et pænt, organiseret miniaturegitter.
- Interaktiv feedback: Indstil unikke svæveeffekter for miniaturebilleder (skala, baggrundsfarve, overlejring) og eksempeltekster.
Glatte animationer og overgange
Gør dit galleri levende med jævn, professionel bevægelse. Hovedforhåndsvisningen kan indeholde en subtil Ken Burns pan-and-zoom-effekt. Vælg Retningen (På tværs, Op, Ned) og Position. Styr overgangen Hastighed mellem dias. Tilføj elegante Billedtekstovergange, der falmer eller glider ind. Hver interaktion, fra at skifte billeder til at svæve på miniaturer, kan have en tilpasset Animation Speed og lette for en poleret, premium følelse.
- Ken Burns Effect: Tilføj en langsom, filmisk panorering eller zoom til det primære eksempelbillede for ekstra dynamik.
- Brugerdefineret overgangshastighed: Kontroller, hvor hurtigt hovedbilledet ændres, når der klikkes på et miniaturebillede.
- Raffinerede mikrointeraktioner: Glatte svæveovergange på miniaturebilleder og billedtekster forbedrer brugeroplevelsen.
Professionel gallerikontrol og navigation
Administrer dit galleri som en professionel. Vælg Billedopløsning for optimale belastningstider. Aktivér Autospil for skyderen, eller lad brugerne navigere manuelt. Tilføj stilfulde Navigation Arrows over forhåndsvisningen, og tilpas deres størrelse, farve og svævetilstande. Hver indstilling er designet til at give dig fuldstændig kontrol over funktionalitet og æstetik.
- Autospil og løkke: Indstil galleriet til at cykle gennem billeder automatisk med justerbar hastighed.
- Brugerdefinerede navigationspile: Style de forrige/næste pile, så de matcher dit websteds design.
Ofte stillede spørgsmål til Gallery Slider
Hvad er den største fordel ved dette i forhold til en standard billedkarrusel?
En standardkarrusel viser ét billede ad gangen med prikker/pile. Denne Gallery Slider giver en to-panel grænseflade: en stor forhåndsvisning og et synligt sæt af alle miniatureindstillinger. Dette giver brugerne mulighed for at se deres valg med et blik og hoppe direkte til ethvert billede, hvilket er meget mere effektivt og brugervenligt for gallerier med mere end et par billeder.
Kan jeg få miniaturebillederne til at blive vist i et gitter i stedet for en enkelt række?
Ja! Stylingmulighederne for Miniaturebilleder omfatter kontrolelementer til Vandret og Lodret afstand, som er nøglen til oprettelse af et gitter. Ved at justere beholderbredden og disse afstandsværdier kan du oprette et gitter med flere rækker med miniaturebilleder ud for din forhåndsvisning.
Anvendes Ken Burns-effekten på alle billeder?
Når den er aktiveret, anvendes Ken Burns-effekten (en langsom panorering/zoom) på hovedforhåndsvisningsbilledet. Det skaber en subtil, kontinuerlig animation på det aktuelt aktive foto, hvilket tilføjer en følelse af liv og dybde til dit galleri.
Hvordan fungerer dette med mange billeder i høj opløsning?
For den bedste ydeevne skal du bruge indstillingen Billedopløsning klogt (f.eks. “Stor” i stedet for “Fuld”, hvis skærmstørrelsen ikke kræver fuld opløsning). Elementet er optimeret, men indlæsning af 20+ billeder i fuld størrelse vil altid påvirke sidehastigheden. Overvej doven indlæsning eller opdeling af meget store gallerier i flere skydere.
Kan jeg bruge dette til et produktbilledgalleri i en onlinebutik?
Absolut. Det er et glimrende valg til produktsider, hvor du skal vise flere vinkler, farver eller detaljer. Brugere kan klikke på miniaturebilledet af en anden farvevariant for at se det i hovedforhåndsvisningen med det samme. Du skal bare linke hovedknappen “Køb nu” til din indkøbskurv eller produktside.
Hvad sker der på mobilen med funktionen "Stack on"?
Når Stack on er indstillet til “Tablet & Mobile,” ændres det vandrette layout side om side til en lodret stak. Det store eksempel vises øverst, og miniaturegitteret vises under det. Dette sikrer, at forhåndsvisningen forbliver stor og kan ses, og miniaturebillederne kan stadig nemt trykkes på en berøringsskærm.
Trending Elementor Widgets & Udvidelser
Byg sofistikerede websteder på kortere tid.
Glasmorfisme
Container ekstraudstyr
Mønstre
Post/Page Duplicator
