當背景變化時動態更改文本顏色（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

回答