# 037 - Манипулация на цветовете - CSS-трикове

Anonim

Навремето, когато се бъркахме с предоставянето на CMS способности на плъзгача на началната страница, ние дадохме персонализирано поле на всеки слайд на началната страница избор на цвят. Това ни дава достъп до този цвят, където и да ни е необходим. В шаблона ще обгърнем всеки слайд с data-*атрибут, където ще извадим тази цветова стойност благодарение на API на Advanced Custom Field.

 

Royal Slider ни дава и събитие, което се задейства, когато слайдът се промени. Така че сега можем да вземем цвета „в момента активен“ за този слайд, когато имаме нужда от него:

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

Можем да вземем този цвят и да го приложим към елементи по какъвто и да е начин с jQuery. Правим крачка напред и изсветляваме / затъмняваме цвета и след това го нанасяме наоколо.