# 037 - Manipularea culorilor - CSS-Tricks

Când ne-am încurcat cu oferirea abilităților CMS glisorului paginii de pornire, am oferit un câmp personalizat fiecărei diapozitive a paginii de pornire un selector de culori. Asta ne oferă acces la acea culoare oriunde avem nevoie de ea. În șablon, vom înfășura fiecare diapozitiv într-un cu un data-*atribut în care vom arăta acea valoare a culorii, datorită API-ului Advanced Custom Field.

Royal Slider ne oferă, de asemenea, un eveniment care se declanșează atunci când diapozitivul se schimbă. Deci, acum putem apuca culoarea „activă în prezent” pentru diapozitivul respectiv atunci când avem nevoie:

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

Am putea lua acea culoare și să o aplicăm elementelor în orice mod dorim cu jQuery. Facem un pas mai departe și luminăm / întunecăm culoarea și apoi o aplicăm în jur.