# 037 - Fargehåndtering - CSS-triks

Anonim

Tilbake da vi rotet oss med å gi CMS-evner til glidebryteren for hjemmesiden, ga vi et tilpasset felt til hver startside en fargevalg. Det gir oss tilgang til den fargen uansett hvor vi trenger den. I malen pakker vi hvert lysbilde i en med et data-*attributt der vi plukker den fargeværdien med tillatelse til Advanced Custom Fields API.

 

Royal Slider gir oss også en hendelse som fyres når lysbildet endres. Så nå kan vi ta tak i den "aktive" fargen for lysbildet når vi trenger det:

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

Vi kan ta den fargen og bruke den på elementer på den måten vi vil med jQuery. Vi tar det et skritt videre og lysner / mørker fargen og bruker den deretter rundt.