# 037 - Kleurmanipulatie - CSS-trucs

Anonim

Toen we nog bezig waren met het geven van CMS-mogelijkheden aan de startpagina-schuifregelaar, gaven we een aangepast veld aan elke startpagina-schuif een kleurenkiezer. Dat geeft ons toegang tot die kleur waar we die ook nodig hebben. In de sjabloon verpakken we elke dia in een met een data-*attribuut waarin we die kleurwaarde gebruiken dankzij de API van Advanced Custom Field.

 

Royal Slider geeft ons ook een gebeurtenis die wordt geactiveerd wanneer de dia verandert. Dus nu kunnen we de "momenteel actieve" kleur voor die dia pakken wanneer we deze nodig hebben:

slider.ev.on('rsAfterSlideChange', function(event) ( var mainColor = $(".rsActiveSlide") .find(".rsContent") .data("main-color"); // Do stuff with the color! ));

We zouden die kleur kunnen nemen en deze op elke gewenste manier op elementen kunnen toepassen met jQuery. We gaan nog een stap verder en maken de kleur lichter / donkerder en passen het dan rond.