# 037 - Barvna manipulacija - CSS-triki

Anonim

Takrat, ko smo se zafrkavali s tem, da drsniku za domačo stran damo zmožnosti za upravljanje vsebin, smo vsakemu diapozitivu za domačo stran dali po meri polje po izbiri barv. To nam omogoča dostop do te barve, kjer koli jo potrebujemo. V predlogo bomo vsak diapozitiv zavili v atribut z data-*atributom, kjer smo to barvno vrednost vljubili z API-jem Advanced Custom Field.

 

Royal Slider nam daje tudi dogodek, ki se sproži, ko se diapozitiv spremeni. Tako lahko zdaj za ta diapozitiv zgrabimo "trenutno aktivno" barvo, ko jo potrebujemo:

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

Z barvo jQuery lahko vzamemo to barvo in jo uporabimo za elemente na kakršen koli način. Naredimo še korak naprej, barvo posvetlimo / zatemnimo in nato nanesemo naokrog.