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

Question

我怎样才能让旋转木马箭头改变它们的颜色，这取决于它们下面显示的图片？

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

这是一个效果示例：http ://www.herschelsupply.com/

谢谢你！

Answer 1

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

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