Marquee single

V227-10

Alternatief op de slider-animated view die over het algemeen wat beter werkt in de meeste omstandigheden.

Hoe te gebruiken?

Zet de view attribuut naar marquee-single toe van de image-album partial.

  • Via de attributes's animation-speed attribuut kun je de snelheid aanpassen. Standaard is de waarde hiervan 16.
  • Via de attributes's animation-direction attribuut kun je de richting aanpassen. Standaard is de waarde hiervan left. Als alternatief kun je deze op right zetten.

Voorvertoning

Alvast beginnen met een basis opmaak?

Neem de onderstaande code over in de website om alvast met een basis opmaak te beginnen.
HTML
<div class="marquee-single-wrapper">
	<nc-image-album name="TODO:" view="marquee-single"></nc-image-album>
</div>

<div class="marquee-single-wrapper">
	<nc-image-album name="TODO:" view="marquee-single" attributes="animation-direction=right,animation-speed=8"></nc-image-album>
</div>
CSS
.marquee-single-wrapper .flex-marquee {
	align-items: center;
	gap: 15px;
}
.marquee-single-wrapper .flex-marquee > * {
	min-width: 480px !important;
}