Question

我不完全确定这是否适合问这个问题。如果不是，请原谅我并指出我应该问的地方。

请看这个页面：lichess

我想做的是：根据我玩的颜色（白色/黑色），我想只改变我的（白色/黑色）王的图像。因此，如果我扮演的是白人，那么只有白王应该受到这种变化的影响。我是黑人时的同样类比。这种变化显然只能由我自己看到。

这是如何实现的？究竟是以何种方式实现的？

P.S。该网站的github（如果有帮助）：github.com/ornicar/lila

Answer 1

我会给出一些大纲和一些代码。这可以基于用户选择的颜色来实现。如果你将它存储在一个变量中（即Javascript var color = white;），它确实会有所帮助。首先，当你硬编码时，确保你的图像的src为空。然后，在用户选择其颜色后，您可以更改图像。示例如下。

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

网页中元素图像的动态变化

1 个答案: