# 037 - Färgmanipulation - CSS-tricks

Tillbaka när vi rörde oss med att ge CMS-förmågor till startsidens skjutreglage gav vi ett anpassat fält till varje hemsidans bild en färgväljare. Det ger oss tillgång till den färgen varhelst vi behöver den. I mallen slingrar vi varje bild i en med ett data-*attribut där vi plockar det färgvärdet med tillstånd av Advanced Custom Fields API.

Royal Slider ger oss också en händelse som utlöses när bilden byts. Så nu kan vi ta den "för närvarande aktiva" färgen för den bilden när vi behöver den:

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

Vi kan ta den färgen och applicera den på element på vilket sätt vi vill med jQuery. Vi tar det ett steg längre och gör färgen ljusare / mörkare och applicerar den sedan runt.