EN
Søker...

Nettsidegalleri

Pixpa gir deg mye kontroll over hvordan du viser bilder i galleriene dine.

Ved å bruke galleristilalternativene kan du kontrollere visningen av bildene dine i galleriet i forbindelse med gallerioppsettet.

Tips: Stilalternativer for hele galleriet brukes automatisk på alle nye gallerier du oppretter.
Se også: Hvordan overstyrer man den nettstedsomfattende galleristilen i et bestemt galleri?

I denne artikkelen:

    1. Gallery Layout
    2. Rutenettstil
    3. Rutenett farger
    4. Hover stil
    5. Bilde tittel
    6. Bildekant
    7. Lysboksskjerm
    8. Mobil skjerm

Du kan tilpasse gallerialternativene for hele nettstedet fra Design (1) seksjon.

Når du er inne i Design-delen, klikker du på Galleries (2) fane.

Alternativt kan du også bruke studioets søkealternativ.

  • Enter Galleries (1) i søkefeltet.
  • Fra de relaterte resultatene klikker du på Design – Gallerier alternativ (2).

  1. Oppsett: Velg et oppsett som skal brukes i galleriet.
    Lær hvordan du endrer gallerioppsettet.
  2. Bredde Velg galleribredden.
    • 'Full bredde' vil vise galleriet mens det dekker hele bredden uten å etterlate noen marg.
    • 'Boxed' vil vise galleriet samtidig som det er litt margin på høyre og venstre side av skjermen.
    • 'Nettstedets bredde' kan spesifiseres i designdelen. Du kan angi en fast bredde her.
      Den vil vise galleriet ved å følge den angitte faste bredden.

 

  1. Rutenettavstand: Angi innmargavstanden mellom bildene i rutenettoppsett. (0–250 piksler) 
  2. Bildehjørneradius: Bruk en kantradius for å avrunde bildehjørnene i gallerirutenettet.

For eksempelden Lanterne Temaets hjemmegalleri har 142 pikslers rutenettavstand.  

Etter at du har brukt Bildehjørneradius, vil du se avrundede kanter på bildene som i Beyond mal.

Baseopasitet: Hvis du har valgt svevetypen som aksentfarge for bildet, angir du opasiteten for rutenettets basis herfra. 

 

  1. Utgangspunkt : Basisfargen brukes til rutenettforming og er bare synlig et øyeblikk før bildene lastes inn. Du har to alternativer for basisfargen for rutenettet.
    • Velg farge: Velg dette alternativet for å angi en bestemt farge for rutenettbasen. Angi hvilken som helst farge og opasitet for rutenettbasen.
    • Aksentfarge: Bruk aksentfarger for bildet som rutenettbase. Dette vil gi et flerfarget rutenett med aksentfargene til hvert bilde.
  2. Baseopasitet: Hvis du har valgt basistypen som aksentfarge, angir du rutenettets basisopasitet herfra. 
  3. Hold musepekeren over:  Dette påvirker rutenettet når markøren holdes over bildet.
    • Velg farge: Angi standardfarge for svevebevegelse og dens opasitet hvis du har valgt Velg farge for rutenettbildene dine. 
    • Aksentfarge: Bruk aksentfarger for bildet som rutenettbase. Dette vil gi et flerfarget rutenett med aksentfargene til hvert bilde.
  4. Pekefølsomhet: Hvis du har valgt svevetypen som aksentfarge, angir du rutenettets baseopasitet herfra. 

 

Bildeaksentfargen er den dominerende fargen på et bilde som velges når du laster opp et bilde.

Sveveeffekten vil kun bli brukt i rutenettoppsettet. Du kan vise følgende alternativer når du holder svevet over i rutenettmodus.

  1. Ingen effekt – For ingen effekt på bilder i rutenettmodus.
  2. FARGE – For kun å holde fargen over bildene dine i rutenettmodus.
  3. Farge og bildetittel – For fargen på bildets svevebevegelse med bildetittelen. Du kan angi svevebevegelsesfargen og tekstfargen/skrifttypen/størrelsen/vekten på bildetittelen i neste alternativ.
  4. Farge og ikon – For fargen på bildet som holdes over med et ikon.
  5. Farge, bildetittel og ikon – For farge, bildetittel og ikon for å holde musepekeren over bildet. Du kan også legge til ikoner på bildene dine, som pluss, pil, kryss og øye. 

Hold musepekeren

  • Pekeikoner brukes kun i rutenettoppsett i gallerier. Du kan velge å vise et ikon til bildene dine i rutenettmodus.
  • Alternativene er – pluss, pil, kryss og øye. Dette gjelder bare når ikonet er valgt i sveveeffekt nedtrekksmenyen. 

  1. Dette brukes når du velger å vise bildetitler når du peker.

Pixpa tilbyr en allsidig funksjon for bildekanter som lar deg forbedre nettstedets visuelle appell ved å legge til rammer rundt bilder. Klikk her for å lære mer om bildekanten

1. Åpne lysboksen

  • Når bilder vises i et rutenett, åpnes bildet i lysboksmodus (fullbildevisning) ved å klikke på det.
  • Du kan aktivere eller deaktivere dette herfra. 

Sjekk lysboksmodus i aksjon: 

2. Aktiver zoom

  • Aktiver/deaktiver zoom over bilder i lysboksmodus.
  • Zoomfunksjonen vil også fungere på både datamaskin- og mobilnettsteder.

3. Visningsalternativer

  • Velg hvordan du vil vise bildene dine i full bildevisning.
  • Du kan velge fra vis kun bilder, bilde med miniatyrbilder, bilde med bildetekst nederstog bilde med bildetekst til høyre. 

For eksempel, et galleri med vis bare bilde. 

For eksempel, et galleri med vis bilde med miniatyrbilder.

For eksempel, et galleri med vis bilde med tekst på bunn.

For eksempel, et galleri med vis bilde med tekst på ikke sant.

4. Fargealternativer for overlegg

Ocuco Overleggsfarge er bakgrunnsfargen som vises når bilder vises i lysboksmodus. Justering av overleggsfargen kan bidra til å matche utseendet og følelsen til nettstedets design og gi en helhetlig og polert presentasjon av bildene dine i lysboksvisning.

  • Velg Tilpasset farge alternativ for å angi en spesifikk bakgrunnsfarge for alle bilder som vises i lysboksmodus. Du kan definere din foretrukne farge i Overleggsfarge innstilling. Les mer.
  • Velg Aksentfarge å bruke en unik farge fra hvert bildes aksenttoner. Du kan tilpasse dette individuelt for hvert bilde etter ønske. Les mer.
  • Hvis du velger alternativet Aksentfarge, kan du justere opacity (gjennomsiktighet) av bakgrunnsfargen.

5. Bildevisning

Angi visningsmodus for lysboksen –

  • Skaler og tilpass – Bildene vil bli skalert for å passe inn i det tilgjengelige nettleserområdet, slik at hele bildet er synlig. 
  • Full utfallende – Bildene vil bli dimensjonert slik at de fyller hele det tilgjengelige nettleserområdet – noen deler av bildet kan bli kuttet bort for å oppnå denne fullskjermvisningen. 

For eksempel, et galleri med sskala- og tilpasningsmodus hvor bilder ville passe inn i den tilgjengelige nettleserhøyden. 

For eksempel, et galleri med en full blødning modus der bilder ville bli strukket for å fylle den tilgjengelige nettleserbredden. 

6. Kontroller

I lysboksvisningen velger du hvordan du vil vise navigasjonskontroller som bildeinfoikon, galleriinfoikon, kryssikon, nettlesertilpasningsikon osv. Alternativene er:

  1. Alltid synlig (vis alltid navigasjonskontroller oppå bilder)
  2. Vis ved å holde musepekeren over (navigasjonskontrollene vises bare når du beveger markøren på skjermen)
  3. skjult (navigasjonskontrollene vil aldri vises). 

For eksempel, et galleri med Alltid synlig navigasjonskontroller.

For eksempel, et galleri med Vis på hover navigasjonskontroller. 

For eksempel, et galleri med skjult navigasjonskontroller.

7. Neste/Forrige stil

I fullbildevisningen velger du hvordan du vil vise navigasjonspilene.

  1. Flytende Navigasjonspilene vil flyte. Flytt markøren over bildet, og klikk på skjermen når pilen vises for å navigere gjennom bildene. 
  2. Chevron
  3. Piler
  4. Vis pil i sirkel
  5. skjult Deaktiver navigasjonspilene helt. 

8. Bildefilnavn

  • Velg å vise filnavnet når bildet vises i lysboksmodus.

Se i aksjon: 

9. Maksimal bildestørrelse

Denne innstillingen kontrollerer den maksimale oppløsningen som galleribildene dine vises i lysboksmodus. Du kan velge mellom følgende alternativer:

  • Auto - Tilpasser automatisk bildestørrelsen basert på seerens skjerm og enhetens oppløsning. Systemet velger intelligent den mest passende versjonen av bildet for å sikre optimal klarhet og ytelse.
  • Faste størrelser – 2048 piksler, 1500 piksler, 1000 piksler, 800 piksler eller 500 piksler. Hvis du velger en fast størrelse, vises alle lysboksbilder opptil den maksimale oppløsningen, avhengig av brukerens enhet eller skjermstørrelse.
Merknader

Hvis det originale bildet du opplastet har mindre oppløsning enn den valgte størrelsen, vil den vises i sin original oppløsningDen vil ikke bli forstørret eller oppskalert.

Innstillinger for lysbildefremvisning

  1. Slideshow: Klikk på autoplay for å starte lysbildevisningen automatisk i full bildevisning. Du kan også deaktivere lysbildevisningen.
  2. Hastighet : Velg overgangshastighet. Du kan velge mellom 1 og 10 sekunder.
  3. Overgang : Velg overgangsstil for lysbildefremvisningen.

 

Se lysbildefremvisning i aksjon: 

Fargealternativer

Denne funksjonen tillater Aksentfarge av bilder som skal brukes som bakgrunn når bilder vises i LysboksmodusDette forbedrer den visuelle opplevelsen ved å justere bakgrunnen med bildets aksentfarge.

  1. Bruk aksentfarge som fargetone:
    • Som standard Bakgrunnsfarge for lysboks vil bli brukt når du viser bilder i lysboksmodus.
    • Når du aktiverer dette alternativet, vil Aksentfarge tilknyttet bildene vil bli brukt som bakgrunnsfarge for lysboksen, noe som gir et mer dynamisk og visuelt sammenhengende utseende.
  2. Fargetoneopasitet:
    • Du kan styre opasiteten til Aksentfargetone ved hjelp av Fargetone-glidebryteren.
    • Justering av opasiteten blander Aksentfarge med lysboksbakgrunnsfargen, slik at du oppnår en sømløs og profesjonell estetikk.

  1. Vis som: Velg å vise galleriet som en Bildeslider eller i rutenettmodus i mobilvisningen. 
  2. Rutenettkolonner: Velg mellom Visning med 1 kolonne eller 2 kolonner for rutenettvisning i mobilvisning.
  3. Rutenettavstand: Sett grøft mellom bilder i mobilvisning.

 

Tagged:

Finner du ikke det du leter etter?

Ta kontakt med en Pixpa-ekspert.

Kontakt oss