# 037 - Thao tác Màu - Thủ thuật CSS

Anonim

Quay trở lại khi chúng tôi đang lộn xộn với việc cung cấp các khả năng CMS cho thanh trượt trang chủ, chúng tôi đã cung cấp một trường tùy chỉnh cho mỗi trang trình bày trang chủ một bộ chọn màu. Điều đó cho phép chúng tôi truy cập vào màu đó ở bất cứ đâu chúng tôi cần. Trong mẫu, chúng tôi sẽ bọc mỗi trang trình bày trong một data-*thuộc tính mà chúng tôi đặt giá trị màu đó nhờ API của Trường tùy chỉnh nâng cao.

 

Royal Slider cũng cung cấp cho chúng ta một sự kiện xảy ra khi slide thay đổi. Vì vậy, bây giờ chúng ta có thể lấy màu "hiện đang hoạt động" cho trang trình bày đó khi chúng ta cần:

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

Chúng tôi có thể lấy màu đó và áp dụng nó cho các phần tử theo bất kỳ cách nào chúng tôi muốn với jQuery. Chúng tôi tiến thêm một bước nữa và làm sáng / tối màu rồi thoa xung quanh.