Slider

V228-04

Het is een slider, met tekst en knoppen erover.

Hoe te gebruiken?


Voorvertoning

Alvast beginnen met een basis opmaak?

Neem de onderstaande code over in de website om alvast met een basis opmaak te beginnen.
HTML
<nc-image-carousel name="TODO:" view="slider" carousel-controls carousel-indicators></nc-image-carousel>
CSS
[data-partial="image-carousel"] .image-carousel.flex-slider {
	gap: 1rem;
}
[data-partial="image-carousel"] .image-carousel.flex-slider .image-carousel-item {
	position: relative;
}
[data-partial="image-carousel"] .image-carousel.flex-slider .image-carousel-caption {
	position: absolute;
	bottom: 0rem;
	left: 1.25rem;
	right: 1.25rem;
	color: #fff;
	text-shadow: #000 0px 0px 8px;
}
[data-partial="image-carousel"] .slider-indicators li.disabled {
	display: none;
}
[data-partial="image-carousel"] .slider-control-prev-icon,
[data-partial="image-carousel"] .slider-control-next-icon {
	font-size: 2rem;
}