onclick() 함수를 통해 이미지 변경

Question

개체를 클릭하면 한 이미지를 다른 이미지로 변경하고 싶습니다. 코드는 다음 순서로 쌓입니다.

<li><img><일부 텍스트></img></li>
<li><img><일부 텍스트></img></li>
<li><img><일부 텍스트></img></li>
<li><img><일부 텍스트></img></li>
<li><img><일부 텍스트></img></li>

제가 원하는 것은

를 클릭하면 이미지가 다른 이미지인 이미지의 컬러 버전으로 변경되는 것입니다. 이제 JQuery/JS를 사용하여 이를 수행할 수 있다는 것을 알았습니다. 하지만 이렇게 간단한 기능을 구현하기 위해 JS 코드를 많이 추가하고 싶지는 않습니다.

이 작업을 수행하는 더 쉬운 방법이 있나요? 의사 선택기.active

생각이 안 나네요.

Answer 1

JavaScript를 사용하여 이미지의 onclick 이벤트를 변경하려면 다음 ID를 가진 이미지가 있어야 합니다.

으아악

그런 다음 이미지를 클릭하면 JavaScript 함수를 호출할 수 있습니다.

으아악

이 코드는 현재 img.src가 최소화.png로 설정되어 있을 때 이미지를 최대화.png로 설정하고 그 반대의 경우도 마찬가지입니다. 자세한 내용을 보려면 다음을 방문하세요. JavaScript를 사용하여 이미지의 onclick 이벤트 링크 변경