이미지 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개
dohyeon2713
2020-09-10 (목) 16:38:54
말씀해주신대로 하니 사이트 내 모든 이미지 클릭 시 다 바뀌네요.. 위 코드만 바뀌게 하는 방법 없을까요?
2020-09-10 (목) 18:35:19
해당 이미지에 class를 주세요.
<img src="/img2/a1.jpg" class="test" ~~~
이런 식으로요.
그런 다음 위에 있는 $("img") 이거 대신에 $(".test") 이걸로 바꾸시면 됩니다.
<img src="/img2/a1.jpg" class="test" ~~~
이런 식으로요.
그런 다음 위에 있는 $("img") 이거 대신에 $(".test") 이걸로 바꾸시면 됩니다.
답변을 작성하려면 로그인이 필요합니다.