背景变化时动态更改文本颜色（javascript）

我有一个图像滑块，上面覆盖着文字。我想根据图像的主题（浅或暗）将文本颜色更改为黑色或白色

我想手动指定图像的主题，因为我不想让事情过于复杂。例如，它可以这样工作：

If imagetheme == 'light'
textcolor == #000

---

…反之亦然。

有一个样式表，可以对放置在

元素上的主题类做出反应（例如

.light

）。没有乱七八糟。

我想你差不多是自己写的！我愿意

if ( var imagetheme == 'light' ) {
  var textcolor = '#000';
}
else if { var imagetheme == 'dark' ) {
  var textcolor = '#fff';
}

或者你也可以用Javascript的三元运算符来编写

var imagetheme == 'light' ? var textcolor = '#000' : var textcolor = '#fff';

---

在没有看到滑块代码的情况下，很难说出任何东西。我使用的是带有修改样式表的任何滑块：我真的不懂。基本上，我希望图像幻灯片有一些标记或属性，我可以指定图像的主题（浅或暗），然后当新幻灯片被激活时，文本颜色会根据输入的主题发生变化。@Emmanuel:您可以轻松地将其应用于特定元素，与

相反，它们在语法上都是无效的。