# 037 - Χειρισμός Χρώματος - CSS-Κόλπα

Anonim

Όταν επιστρέψαμε με το να δώσουμε δυνατότητες CMS στο ρυθμιστικό αρχικής σελίδας, δώσαμε ένα προσαρμοσμένο πεδίο σε κάθε διαφάνεια αρχικής σελίδας ένα εργαλείο επιλογής χρωμάτων. Αυτό μας δίνει πρόσβαση σε αυτό το χρώμα όπου χρειαζόμαστε. Στο πρότυπο, θα τυλίξουμε κάθε διαφάνεια σε ένα με ένα data-*χαρακτηριστικό όπου θα βάλουμε αυτήν την τιμή χρώματος με την προσθήκη του Advanced Custom Field's API.

 

Το Royal Slider μας δίνει επίσης ένα συμβάν που ενεργοποιείται όταν αλλάξει η διαφάνεια. Τώρα λοιπόν μπορούμε να πάρουμε το "τρέχον ενεργό" χρώμα για τη διαφάνεια όταν το χρειαζόμαστε:

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

Θα μπορούσαμε να πάρουμε αυτό το χρώμα και να το εφαρμόσουμε σε στοιχεία με όποιον τρόπο θέλουμε με το jQuery. Το κάνουμε ένα βήμα παραπέρα και φωτίζουμε / σκουραίνουμε το χρώμα και μετά το εφαρμόζουμε.