# 037 - Farbmanipulation - CSS-Tricks

Anonim

Als wir uns damit beschäftigten, dem Homepage-Schieberegler CMS-Fähigkeiten zu verleihen, haben wir jedem Homepage-Schieberegler ein benutzerdefiniertes Feld mit einem Farbwähler zugewiesen. Das gibt uns Zugang zu dieser Farbe, wo immer wir sie brauchen. In der Vorlage werden wir jede Folie mit einem data-*Attribut umschließen, in das wir diesen Farbwert mithilfe der API von Advanced Custom Field einfügen.

 

Royal Slider gibt uns auch ein Ereignis, das ausgelöst wird, wenn sich die Folie ändert. Jetzt können wir die "aktuell aktive" Farbe für diese Folie abrufen, wenn wir sie benötigen:

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

Wir könnten diese Farbe nehmen und sie mit jQuery auf beliebige Weise auf Elemente anwenden. Wir gehen noch einen Schritt weiter und erhellen / verdunkeln die Farbe und tragen sie dann auf.