Templates, met Flickity

Aan te passen data-flickity stukje (nog even bespreken hoor)

Note: Opties die hier niet tussen staan moeten een standaard instelling hebben. Die zullen op default kunnen, tenzij ze standaard in ons systeem niet default moeten (zet ik hieronder nog wel)

  • pageDots: true/false (stipjes onder carousel)
  • wrapAround: true/false (zorgt voor infinite scroll)
  • autoPlay: 2000/false (zet autoplay uit of op vaste tijd van 2 seconden)
  • cellAlign: left/center/right (zorgt voor de uitlijning van de slides t.o.v. het frame)
  • prevNextButtons: true/false (haalt de pijltjes weg)

Niet aan te passen maar niet Flickity default

  • selectedAttraction: 0.015
  • friction: 0.35

Aan te passen opmaak (CSS)

  • Overlay
  • Met of zonder schaduw
  • Verhouding (viewport of afbeelding) (viewport lijkt me handiger, even testen)

Aan te passen inhoud

  • Titel + opmaak
  • Tekst + opmaak
  • Knop + Knop opmaak
  • Uitlijning van inhoud (of dat gewoon bij de opmaak van titel,tekst,knop houden)
  • Afbeelding + link
  • Aantal slides tegelijk zichtbaar heel getal invullen (1 = 100%, 2 = 50%, 3=33.333333333infinity% etc)

Universele CSS (voor alle templates)

Template 1

CSS Template 1
css arrow
JS voor slides

Template 2

Template 3