# 037 - Farvemanipulation - CSS-tricks

Tilbage, da vi rodede med at give CMS-evner til startsiden, gav vi et brugerdefineret felt til hver startside, en farvevælger. Det giver os adgang til den farve, uanset hvor vi har brug for den. I skabelonen indpakker vi hvert dias i en med en data-*attribut, hvor vi plukker den farveværdi med tilladelse til Advanced Custom Fields API.

Royal Slider giver os også en begivenhed, der affyrer, når diaset skifter. Så nu kan vi få fat i den "aktuelt aktive" farve til diaset, når vi har brug for det:

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

Vi kunne tage den farve og anvende den på elementer på den måde, vi vil med jQuery. Vi tager det et skridt videre og lyser / mørkner farven og anvender den derefter rundt.