# 037 - Manipulasi Warna - Trik CSS

Anonim

Kembali ketika kami bermain-main dengan memberi kemampuan CMS ke slaid beranda, kami memberikan bidang khusus untuk setiap slaid beranda pemilih warna. Itu memberi kita akses ke warna itu di mana sahaja kita memerlukannya. Dalam templat, kami akan membungkus setiap slaid dengan data-*atribut di mana kami memasukkan nilai warna itu berdasarkan API Advanced Custom Field.

 

Royal Slider juga memberi kita peristiwa yang berlaku ketika slaid berubah. Jadi sekarang kita dapat mengambil warna "sedang aktif" untuk slaid itu apabila kita memerlukannya:

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

Kami boleh mengambil warna itu dan menerapkannya pada elemen dengan cara yang kami mahukan dengan jQuery. Kami mengambilnya lebih jauh dan meringankan / menggelapkan warna dan kemudian menerapkannya.