# 037 - Manipulace s barvami - Triky CSS

Anonim

V době, kdy jsme se zabývali tím, že jsme dali jezdci domovské stránky schopnosti CMS, dali jsme každému snímku domovské stránky vlastní pole a výběr barvy. To nám umožňuje přístup k této barvě, ať ji potřebujeme kdekoli. V šabloně zabalíme každý snímek do s data-*atributem, kde tuto barvu vyplivneme pomocí API Advanced Custom Field.

 

Royal Slider nám také dává událost, která se spustí při změně snímku. Nyní tedy můžeme uchopit „aktuálně aktivní“ barvu pro tento snímek, když to potřebujeme:

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

Mohli bychom tuto barvu vzít a použít ji na prvky jakýmkoli způsobem chceme pomocí jQuery. Uděláme to o krok dále a zesvětlíme / ztmavíme barvu a poté ji aplikujeme do okolí.