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

我有一个图像滑块，其上覆盖了文本。我想根据图像的主题（亮或暗）将文本颜色更改为黑色或白色。当背景变化时动态更改文本颜色（javascript）

我想手动指定图像的主题，因为我不想过度复杂的东西。因此，例如它可以这样工作：

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

...反之亦然。

2012-06-30 Emmanuel

这是很难说什么没有看到代码的滑块。 – JJJ

我使用任何带修改过的样式表的滑动条：http://css-tricks.com/anythingslider-jquery-plugin/ – Emmanuel

有一个样式表可以对位于<body>元素上的主题类（例如.light）做出反应。不脏乱。

2012-06-30 15:10:34 Ryan

我并不真正关注。基本上，我希望图像幻灯片有一些可以指定图像主题（亮或暗）的标签或属性，然后当新的幻灯片激活时，文本颜色会根据输入的主题而变化。 – Emmanuel

@Emmanuel：[这是一个演示。]（http://jsfiddle.net/minitech/r5CTK/）你可以很容易地将它应用到特定的元素，而不是''。 – Ryan

是的，效果很好，谢谢 – Emmanuel

我想你几乎已经自己写了！我会做..

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';

2012-06-30 15:16:12 jaystewart

这些都没有语法上的有效性。 – Ryan

回答