# 037 - Krāsu manipulācijas CSS-triki

Anonim

Toreiz, kad mēs sajaucāmies ar CMS spēju piešķiršanu mājas lapas slīdnim, mēs katram mājaslapas slaidam piešķirām pielāgotu lauku krāsu atlasītāju. Tas mums ļauj piekļūt šai krāsai visur, kur mums tā nepieciešama. Veidnē mēs katru slaidu iesaiņosim ar data-*atribūtu, kur šo krāsu vērtību noplēsīsim ar Advanced Custom Field API palīdzību.

 

Royal Slider arī dod mums notikumu, kas izšaujas, mainoties slaidam. Tāpēc tagad mēs varam paņemt šī slaida “pašlaik aktīvo” krāsu, kad tas mums ir nepieciešams:

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

Mēs varētu uzņemt šo krāsu un piemērot to elementiem jebkurā vēlamajā veidā ar jQuery. Mēs speram to soli tālāk un izgaismojam / aptumšojam krāsu un pēc tam uzklājam apkārt.