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

Anonim

Когда мы возились с предоставлением возможностей CMS для слайдера домашней страницы, мы дали настраиваемое поле для каждого слайда домашней страницы с палитрой цветов. Это дает нам доступ к этому цвету везде, где он нам нужен. В шаблоне мы будем заворачивать каждый слайд в с data-*атрибутом , где мы шлепнуть , что значение цвета любезность API Advanced пользовательского Филда.

 

Royal Slider также дает нам событие, которое срабатывает при смене слайда. Итак, теперь мы можем взять «текущий активный» цвет для этого слайда, когда он нам понадобится:

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

Мы можем взять этот цвет и применить его к элементам любым способом с помощью jQuery. Мы делаем еще один шаг и осветляем / затемняем цвет, а затем применяем его вокруг.