# 037 - Manipulacja kolorami - CSS-Tricks

Anonim

Kiedy próbowaliśmy nadać możliwości CMS suwakowi strony głównej, do każdego slajdu na stronie głównej dodaliśmy niestandardowe pole selektor kolorów. To daje nam dostęp do tego koloru wszędzie tam, gdzie go potrzebujemy. W szablonie będziemy zawijać każdy slajd w sposób z data-*atrybutem gdzie dolar, że wartość koloru uprzejmości zaawansowanych pole niestandardowe API.

 

Royal Slider daje nam również zdarzenie, które jest uruchamiane, gdy slajd się zmienia. Więc teraz możemy pobrać „aktualnie aktywny” kolor tego slajdu, kiedy go potrzebujemy:

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

Moglibyśmy wziąć ten kolor i zastosować go do elementów w dowolny sposób z jQuery. Idziemy o krok dalej i rozjaśniamy / przyciemniamy kolor, a następnie nakładamy go wokół.