Slik bruker du Galleri- og Bildeviser-komponentene i Nettsidebygger

Vil du vise flere bilder på nettsiden din? Med Galleri- og Bildeviser-komponentene i Nettsidebygger kan du sette inn flere bilder i et rutenett eller ordne dem i et lysbildefremvisning. Denne guiden viser deg hvordan du legger til komponentene på siden din og justerer dem slik du ønsker.


Sett inn en komponent på siden din

  1. Åpne Nettsidebygger fra kontrollpanelet på one.com.
  2. Gå til Galleri i menyen til venstre, og velg en gallerivariant.
  3. Dra komponenten du vil bruke over på arbeidsområdet og slipp den der du ønsker å plassere galleriet eller bildeviseren.
  4. Velg bildene du vil sette inn, eller last dem opp fra datamaskinen eller en ekstern URL. Klikk på Legg til på side nederst i popup-vinduet.
  5. Juster størrelsen og plasseringen av komponenten etter eget ønske.
  6. Klikk på Innstillinger for galleri/Innstillinger for bildeviser øverst på komponenten for å justere innstillingene for galleriet ditt.
  7. Klikk på Lagre og Publiser for å gjøre bildene synlige på nettsiden din.

ezgif.com-gif-maker__17_.gif


Endre bilder og legg til nye

Når du klikker på den innsatte komponenten, vises to faner: Innstillinger for galleri/bildeviser og Endre bilder.

Klikk på fanen Endre bilder for å endre bildene i galleriet ditt. Du kan fjerne et bilde ved å klikke på papirkurv-ikonet i hjørnet, eller redigere det ved å klikke på blyant-ikonet. Du kan også legge til nye bilder i galleriet ved å klikke på Legg til bilder øverst til høyre.

Merk: Tittelen på bildet fungerer også som alt-tekst i disse komponentene. Hvis du vil legge til en alt-tekst, kan du gjøre det under Tittel (alt) på høyre side i oversikten Sorter & rediger bilder.

Skjermbilde som viser oversikten


Innstillinger for Galleri- og Bildeviser-komponentene

Når du klikker på Innstillinger på komponenten, åpnes to menyer med følgende alternativer:

Gallerikomponent:

1 – Topp-/bunnmeny

  • Kolonner - Juster antall kolonner.
  • Avstand - Juster mellomrommet mellom bildene.
  • Beskjæring - Merk av i denne boksen hvis bilder skal beskjæres, slik at de alle har samme størrelse i galleriet.
  • Kompakt visning - Merk av i denne boksen hvis du vil at bildene skal være så nærme som mulig innenfor de blå margene.
  • Full bredde - Merk av i denne boksen hvis du vil at galleriet skal strekke seg over hele bredden på siden din.

 

2 – Flytende meny

  • Ved klikk - Velg hva som skal skje når en bruker klikker på bildet. Velg ingenting, vis et større bilde eller åpne en lenke.
  • Bildetekster - Velg om du vil legge til bildetekster til bildene i galleriet. Klikk på "Administrer bildetekster" for å skrive inn tekst og alt-tekst. Velg om en bildetekst skal plasseres til venstre, høyre eller midtstilt. Du kan også velge bildetekststil – alternativene her er klassisk, mal og tilpasset.
  • Bildestil - Her kan du endre forholdet på bildet ditt, for eksempel til liggende eller stående. Du kan også legge til kanter og avrundede hjørner.
  • Full bredde - Her kan du justere hele bredden på galleriet til å være utenfor de blå margene (full bredde) eller inne i dem (standard).

Skjermbilde som viser Galleri-komponenten. Røde, nummererte prikker markerer egenskapspanelet og den flytende menyen i bildet.

Bildeviser-komponent:

1 – Topp-/bunnmeny

  • Kolonner - Juster antall kolonner (1–5). I skjermbildet har vi valgt å ha tre.
  • Overgang - Velg overgangseffekt mellom bildene: skyv inn eller fade inn.
  • Beskjær - Du kan velge å beskjære hvert av bildene dine slik at de har samme størrelse i slideren. Beskjæring vil alltid være aktiv hvis du har flere bilder (kolonner) per lysbilde.
  • Hastighet - Velg bildeovergangshastigheten. Minimum er 1 sekund og maksimum er 15.
  • Full bredde - Velg om bildene skal vises i full bredde. Denne funksjonen er tilgjengelig med én kolonne per slide.

 

2. Flytende meny

  • Navigasjon - Velg om bilder skal flyttes automatisk, og juster eller skjul navigasjonspiler og indikatoren.
  • Ved klikk - Velg hva som skal skje når en kunde klikker på et bilde. Velg ingenting, vis et større bilde eller åpne en lenke.
  • Bildetekster - Velg om bildetekster skal vises sammen med bildene. Hvis du merker av i denne boksen, får du flere tilpasningsalternativer: Legg til bildetekster og velg justering og plassering.
  • Full bredde - Hvis du kun har én kolonne, kan du velge om bildeviseren skal ligge utenfor de blå marginene (full bredde) eller innenfor (standard).
Skjermbilde som viser Bildeviser-komponenten. Røde prikker merket

Relaterte artikler:

Var denne artikkelen nyttig?

Finner du ikke det du leter etter?

Start en chat

Den raskeste måten å kontakte oss på – hverdager fra kl.9-16.

Ring oss

Tilgjengelig på hverdager fra kl. 9–16.