Carousel-Arrows根据显示的图片改变颜色？

Question

如何让旋转木马箭头改变颜色，取决于它们下方显示的图片？

例如，如果我有一张明亮的图片，箭头是黑色的;当我有一张黑色图片时，箭头是白色的。

以下是效果示例：http://www.herschelsupply.com/

谢谢！

Answer 1

我建议你看看这个有趣的jQuery插件名为 BackgroundCheck ：

http://www.kennethcachia.com/background-check/

此插件会根据其背后图像的亮度自动切换到较暗或较亮的元素版本。

从Github下载最小化版本：https://raw.githubusercontent.com/kennethcachia/Background-Check/master/background-check.min.js

使用方法：

如果元素与任何图像重叠，则.background - dark或.background - light将添加到其中。 BackgroundCheck不会改变元素的样式 - 你必须使用CSS。

p.background--light {
  color: black;
}

有关详细信息，请查看文档：
https://github.com/kennethcachia/Background-Check