호버 효과를 사용하여 이미지를 변경하려면 클릭하십시오.

Question

내 이미지를 클릭하면 변경됩니다 (테스트 대상으로 onmouseover가 제거됨).하지만 mouseout이 되돌릴 때. 이미지에 롤오버 효과가 적용되고 클릭 한 번에 새 이미지로 유지되도록하려면 어떻게해야합니까?

<img src="images/Character/NotSelected_Mage.png" alt="image" 
onclick="this.src='images/Character/Selected_Mage.png'"/ 
onmouseover="this.src='images/Character/Selected_Mage.png';" 
onmouseout="this.src='images/Character/NotSelected_Mage.png';"> 

나는 내가 단지 HTML을 사용하고, 그래서 내가 (내 웹 사이트를 이용하기? 자바 스크립트를 설치해야하는 사용자를 의미) CSS 나 자바 스크립트 또는 jQuery를 사용하는 경우, 초보자 해요 내가해야합니까 내 코드에 html이 아닌 다른 것을 갑자기 사용하고 있다는 것을 알려주는 요소가 있습니까? 단지 벌금 HTML과 자바 스크립트를 실행해야합니다, 기본적으로

onclick="this.src='images/Character/Selected_Mage.png'; this.onmouseover = false; this.onmouseout = false;"

Answer 1

라인을 변경해보십시오 없다 . 사용자에게 귀하의 사용/실행 내용을 '알릴 필요가 없습니다.

Answer 2

현재 브라우저 아무것도 to'install 필요가 :

onclick="this.src='images/Character/Selected_Mage.png'"

사람 :