# 037 - Manipulácia s farbami - Triky CSS

Anonim

Keď sme sa trápili s poskytovaním schopností CMS posuvníku domovskej stránky, dali sme každému políčku domovskej stránky vlastné pole výber farieb. Vďaka tomu máme prístup k tejto farbe všade, kde ju potrebujeme. V šablóne, budeme zabaliť každý snímok v s data-*atribútom, kde sme odprásknout, že farebná hodnota poskytnutých Advanced vlastného poľa je API.

 

Royal Slider nám tiež poskytuje udalosť, ktorá sa spustí pri zmene snímky. Teraz teda môžeme pre túto snímku vziať „momentálne aktívnu“ farbu, keď ju potrebujeme:

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

Túto farbu by sme mohli vziať a pomocou jQuery aplikovať na prvky ľubovoľným spôsobom. Urobíme to o krok ďalej a zosvetlíme / stmavíme farbu a potom ju nanášame dookola.