채택완료

클릭 시 다른 이미지로 변경 문의

2020-09-10 (목) 03:56:20 2,561

이미지 a1를 클릭하면 이미지 a2로 바뀌게 하고 싶습니다.

Copy
<a href=" ">
<img src="/img2/a1.png" alt="첨부" style="max-width:100%; height:auto">
</div>
|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트
2020-09-10 (목) 09:26:05
Copy
<script>
$(function() {
    $("img").on("click", function() {
        $(this).attr("src", "/img2/a2.png");
    });
});
</script>

답변에 대한 댓글 2개

말씀해주신대로 하니 사이트 내 모든 이미지 클릭 시 다 바뀌네요.. 위 코드만 바뀌게 하는 방법 없을까요?
해당 이미지에 class를 주세요.
<img src="/img2/a1.jpg" class="test" ~~~
이런 식으로요.
그런 다음 위에 있는 $("img") 이거 대신에 $(".test") 이걸로 바꾸시면 됩니다.

답변을 작성하려면 로그인이 필요합니다.