# 037 - Värinkäsittely - CSS-temppuja

Anonim

Kun olimme sotkineet antamalla CMS-kykyjä etusivun liukusäätimelle, annoimme jokaiselle kotisivulle mukautetun kentän värivalitsimen. Tämä antaa meille pääsyn kyseiseen väriin missä tarvitsemme sitä. Kääritämme mallissa kukin diat a- data-*attribuuttiin, jossa kynsimme kyseisen väriarvon Advanced Custom Fieldin API: n avulla.

 

Royal Slider antaa meille myös tapahtuman, joka laukeaa, kun dia muuttuu. Joten nyt voimme tarttua dian "tällä hetkellä aktiiviseen" väriin, kun tarvitsemme sitä:

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

Voisimme ottaa kyseisen värin ja soveltaa sitä elementteihin millä tahansa haluamallamme tavalla jQueryllä. Otamme sen askeleen pidemmälle ja vaalennamme / tummennamme väriä ja levitämme sitä sitten.