# 137 - रंग हेरफेर - सीएसएस-ट्रिक्स

Anonim

वापस जब हम होमपेज स्लाइडर को सीएमएस क्षमताओं देने के साथ गड़बड़ कर रहे थे, तो हमने प्रत्येक होमपेज को एक रंग बीनने वाले को कस्टम फ़ील्ड दिया। वह हमें उस रंग तक पहुँच देता है जहाँ हमें इसकी आवश्यकता होती है। टेम्प्लेट में, हम प्रत्येक स्लाइड को एक data-*विशेषता के साथ लपेटेंगे जहां हम उन्नत कस्टम फील्ड के एपीआई के रंग मान को शिष्टाचार के साथ जोड़ते हैं।

 

Royal Slider हमें एक ऐसी घटना भी देता है जो स्लाइड बदलने पर आग हो जाती है। तो अब हम उस स्लाइड के लिए "वर्तमान में सक्रिय" रंग को पकड़ सकते हैं जब हमें इसकी आवश्यकता होती है:

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

हम उस रंग को ले सकते हैं और इसे किसी भी तरह से तत्वों पर लागू कर सकते हैं जो हम jQuery के साथ चाहते हैं। हम इसे एक कदम आगे ले जाते हैं और रंग को हल्का / गहरा करते हैं और फिर इसे चारों ओर लगाते हैं।