웹 페이지에서 요소의 이미지가 동적으로 변경됩니다.

이것이 적절한 장소인지 확실하지 않습니다. 그것이 아니라면, 용서해 주시고 제가 물어야하는 곳으로 안내해주십시오. 내가하고 싶은 무엇 lichess 웹 페이지에서 요소의 이미지가 동적으로 변경됩니다.

은 다음과 같습니다 :

이 페이지를 살펴보세요 내가 함께 플레이하는 색상에 따라 (화이트/블랙), 난 단지 내 (흰색처럼 싶습니다/검정 각각) 변화 될 임금의 심상. 그래서 내가 백인으로 놀고 있다면, 오직 백인 왕이이 변화의 영향을 받아야합니다. 내가 흑인 때와 같은 비유. 이 변화는 분명히 나 혼자만 볼 수 있습니다.

어떻게 달성 할 수 있으며 어떤 방식으로 정확하게 할 수 있습니까?

P. 웹 사이트의 github (도움이되는 경우) : github.com/ornicar/lila

출처

2016-12-05 Fobos531

예, 달성 가능하며 이벤트 처리기를 통해 처리됩니다. 그러나 Stack Overflow에서는 사람들이 가지고있는 특정 코딩 문제에 답합니다. 스스로 조사해야하고 시도한 코드와 해당 코드에 대한 특정 질문으로 다시 돌아와야합니다. –

개요 및 일부 코드를 알려 드리겠습니다. 이것은 사용자가 어떤 색상을 선택했는지에 따라 얻을 수 있습니다. 이것을 변수 (예 : 자바 스크립트 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

웹 페이지에서 요소의 이미지가 동적으로 변경됩니다.

답변

관련 문제