그누보드 QA - 코드 질문좀 하려구요,,,

코드 질문좀 하려구요,,,

humanb2box 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017.04.27 11:26:49 조회 2196 (175.♡.♡.226)

본문


/// 1번 
$(".section_tab li a img").click(function(){
if (!$(this).hasClass("active")){
$(this).attr("src", $(this).attr("src").replace("off","on"));
} else {
$(this).attr("src", $(this).attr("src").replace("on", "off"));
}
});
 
///2번 
$(".section_tab li a img").click(function(){
if (!$(this).hasClass("active")){
$(".section_tab li a img").attr("src", $(this).attr("src").replace("on", "off"));
$(this).attr("src", $(this).attr("src").replace("off","on"));
} else {
$(this).attr("src", $(this).attr("src").replace("on", "off"));
}
});

이코드를 사용하였습니다.

클릭했을때 이미지 이름이 off 일땐 on으로 on일땐 off로 바뀌는것으로요,,

1번 코드를 사용하니까 off였던 이미지가 on은 되는데 이전 그림이 다시 돌아가지않아요..

그래서 2번 코드를 보시면 this가 아닌 이미지 자체를 바꾸려고 했거든요,,

근데 모든 이미지가 바뀌어버려요,,

제말이 조금 어렵나요?

제가 하고싶은건,

이미지 속성에 접근해서 클릭한 이미지만 on으로 나머지는 off로 바뀌고 싶어요

addclass / removeclass 같은거로요,,

어떻게 하는게 좋을까요?

#replace #addclass #removeclass

답변 2

왕계란 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-04-27 12:06:55 1.♡.♡.110

html 어떻게 생겼는지 보여 주세요.

php 코드 들어간 html 코드 말고 브라우저에서 소스 보기로 본 코드요.

실제 페이지 주소가 제일 좋겠지만요.

↳ humanb2box 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017-04-27 12:08:50175.♡.♡.226


<ul class="section_sub_tab after">
<li class="active2"><img src="img/sub/btn0_off.jpg" /></li>
<li><img src="img/sub/btn1_0_off.jpg"  /></li>
<li><img src="img/sub/btn2_off.jpg"  /></li>
<li><img src="img/sub/btn3_off.jpg" /></li>
</ul>

이렇게 생겼습니다.
클릭한 이미지만 on으로 바뀌었으면 좋겠습니다..

↳ 왕계란 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2017-04-27 12:25:451.♡.♡.110


$(function() {
	$(".section_sub_tab li img").on("click", function() {
		$(".section_sub_tab li img").each(function() {
			$(this).attr("src", $(this).attr("src").replace("on", "off"));
		});
		$(this).attr("src", $(this).attr("src").replace("off", "on"));
	});
});

이렇게 하시면 되지 않을까 싶네요.
근데 class="active2"는 어떤 경우에 들어가는 건가요?