# 037 - Színkezelés - CSS-trükkök

Anonim

Akkor, amikor azt kavartuk, hogy CMS-képességeket adtunk a kezdőlap csúszkájának, egy egyedi mezőt adtunk minden egyes kezdőlapnak egy színválasztóval. Ez hozzáférést biztosít ehhez a színhez, ahol csak szükségünk van rá. A sablonban minden egyes diát egy data-*attribútumba csomagolunk, ahol ezt a színértéket az Advanced Custom Field API jóvoltából megdobjuk.

 

A Royal Slider olyan eseményt is ad nekünk, amely akkor vált ki, amikor a csúszda megváltozik. Tehát most megragadhatjuk az adott dia „jelenleg aktív” színét, amikor szükségünk van rá:

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

A jQuery segítségével bármilyen színt felvehetünk, és bármilyen módon alkalmazhatjuk az elemekre. Egy lépéssel tovább haladunk, világosítjuk / sötétítjük a színt, majd körbevesszük.