# 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. Ми робимо на крок далі і освітлюємо / затемнюємо колір, а потім наносимо його навколо.