Skip to content

nve-carousel-thumbnail

En rekke med miniatyrbilder som brukes til å forhåndsvise bildene i nve-carousel. Definer en lik id på nve-carousel og nve-carousel-thumbnail for å koble komponentene sammen.

Arvet fra LitElement

Feil / oppgaver / PR

Ingen som vi vet om. Hvis du finner noe muffens, registrer en feil under Issues i Github og merk den med nve-carousel-thumbnail.

 

Gå til nve-carousel for mer info om denne komponenten.

html
<nve-carousel navigation loop id="thumbnail">
  <nve-carousel-item>
    <img src="/assets/transmisjonsnett.jpg" alt="Transmisjonsnett" />
  </nve-carousel-item>
  <nve-carousel-item>
    <img src="/assets/nigardsbreen.jpg" alt="Nigardsbreen" />
  </nve-carousel-item>
  <nve-carousel-item>
    <img src="/assets/tarhalsen_fyr.jpg" alt="Tarhalsen fyr" />
  </nve-carousel-item>
  <nve-carousel-item>
    <img src="/assets/skogfjordvann.jpg" alt="Skogfjordvann" />
  </nve-carousel-item>
</nve-carousel>

<nve-carousel-thumbnail carouselId="thumbnail">
  <img src="/assets/transmisjonsnett.jpg" alt="Transmisjonsnett" />
  <img src="/assets/nigardsbreen.jpg" alt="Nigardsbreen" />
  <img src="/assets/tarhalsen_fyr.jpg" alt="Tarhalsen fyr" />
  <img src="/assets/skogfjordvann.jpg" alt="Skogfjordvann" />
</nve-carousel-thumbnail>

For å få nve-carousel-thumbnail til å fungere, må det legges på en id på bildekarusellen, slik komponentet vet hvilken karusell den skal lytte på. Denne id'en må være lik carouselId til nve-carousel-thumbnail.

Egenskaper

NavnTypeArvet fraBeskrivelseReflected
testIdstring | undefined = undefined
carouselId'' | undefined = undefinedBrukes til å targete riktig karusell som skal kobles opp mot thumbnailsene.