# 037 - värvidega manipuleerimine - CSS-trikid

Kui me ajasime avalehele liugurile CMS-võimete andmist, andsime igale avalehe slaidile kohandatud välja värvivalijaga. See annab meile juurdepääsu sellele värvile kõikjal, kus seda vajame. Mallis mähime iga slaidi atribuudiga a- data-*sse, kus me selle värviväärtuse noppisime viisakalt Advanced Custom Fieldi API-ga.

Royal Slider annab meile ka sündmuse, mis käivitub slaidi muutumisel. Nüüd saame haarata selle slaidi "praegu aktiivse" värvi, kui seda vajame:

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

Võiksime selle värvi võtta ja rakendada elementidele mis tahes viisil, mida jQuery abil soovime. Me astume selle sammu edasi ja heledamaks / tumedamaks värvi ja seejärel rakendame seda ümber.