# 037 - Manipulasi Warna - Trik CSS

Anonim

Kembali ketika kami mengotak-atik memberikan kemampuan CMS ke penggeser beranda, kami memberikan bidang khusus untuk setiap slide beranda pemilih warna. Itu memberi kita akses ke warna itu di mana pun kita membutuhkannya. Dalam template, kami akan membungkus setiap slide dengan data-*atribut tempat kami memetik nilai warna tersebut dengan izin API Bidang Kustom Tingkat Lanjut.

 

Royal Slider juga memberi kita peristiwa yang aktif saat slide berubah. Jadi sekarang kita bisa mengambil warna "saat ini aktif" untuk slide itu saat kita membutuhkannya:

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

Kita bisa mengambil warna itu dan menerapkannya ke elemen dengan cara apa pun yang kita inginkan dengan jQuery. Kami mengambil langkah lebih jauh dan mencerahkan / menggelapkan warna dan kemudian menerapkannya di sekitar.