網頁中某個元素的圖片動態變化

我不完全確定這是否是適合的地方。如果不是，請原諒我，並指給我應該問的地方。網頁中某個元素的圖片動態變化

看看這個頁面：lichess

我希望做的是：根據我一起玩的顏色（黑/白），我想只喜歡我（白/黑色）王的形象被改變。所以如果我以白方出場，那麼只有白人國王會受到這種變化的影響。當我是黑人時，這是類似的。這一變化顯然只能由我自己看出。

這是如何實現的，以什麼方式？

P.S.該網站的github（如果有幫助）：github.com/ornicar/lila

2016-12-05 Fobos531

是的，它是可以實現的，它是通過事件處理程序完成的。但是，在Stack Overflow中，我們回答了人們具有的特定編碼問題。您必須親自完成研究，然後返回您嘗試過的代碼以及關於該代碼的特定問題。 –

我會給大綱和一些代碼。這可以基於用戶選擇的顏色來實現。如果你有這個存儲在一個變量（即。Javascript var color = white;），它可以真正幫助。首先，確保你的圖像的src爲空，當你對它進行硬編碼時。然後，在用戶選擇他的顏色後，您可以更改圖像。下面的例子。

<img src="" alt="player" /> 
<script> 
function initImage(color) { 
    var imgsrc = document.getElementById("imgplayer").src = color + ".jpg/.png/etc."; 
} 
</script>

來源

2016-12-06 01:24:47 arbybruce

網頁中某個元素的圖片動態變化

回答

相關問題