# 037 - Renk Manipülasyonu - CSS Hileleri

Anonim

Ana sayfa kaydırıcısına CMS yetenekleri vermekle uğraşırken, her ana sayfa slaytına bir renk seçici özel bir alan verdik. Bu, ihtiyacımız olan her yerde o renge erişmemizi sağlar. Şablonda, her bir slaydı , Advanced Custom Field'ın API'sinden yararlanarak bu renk değerini yazdığımız bir data-*öznitelikle sarmalayacağız .

 

Royal Slider bize ayrıca slayt değiştiğinde patlayan bir olay verir. Artık, ihtiyacımız olduğunda o slaydın "şu anda etkin" rengini alabiliriz:

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

JQuery ile bu rengi alıp elementlere istediğimiz şekilde uygulayabiliriz. Bir adım daha ileri götürüyoruz ve rengi açıp koyuyoruz ve sonra etrafına uyguluyoruz.