# 037 - manipuliavimas spalvomis - CSS-gudrybės

Anonim

Tuomet, kai kalbėjomės apie CMS gebėjimų suteikimą pagrindinio puslapio slankikliui, kiekvienam pagrindinio puslapio skaidriui suteikėme pasirinktinį lauką spalvų rinkikliu. Tai suteikia mums galimybę naudotis ta spalva visur, kur mums jos reikia. Šablone apvyniosime kiekvieną skaidrę su data-*atributu, kuriame tą spalvinę vertę sutiksime naudodamiesi išplėstinio pasirinktinio lauko API.

 

„Royal Slider“ taip pat suteikia mums įvykį, kuris suveikia, kai keičiasi skaidrė. Taigi dabar galime paimti „šiuo metu aktyvią“ to skaidrės spalvą, kai mums to reikia:

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

„JQuery“ galėtume paimti tą spalvą ir pritaikyti elementams bet kokiu būdu. Žengiame dar vieną žingsnį ir pašviesiname / patamsiname spalvą, o paskui pritaikome.