제이쿼리 질문입니다ㅠ
본문
tab이미지가 on off로 바꾸고 싶은데
class는 해뒀으나 ㅠㅠ
파일명 접근해서 바꾸는건 어떠케 할지..ㅠㅠ 현재까지 코드입니다
<script>
$(function() {
$('ul.tabs li').click(function() {
$('ul.tabs li').removeClass('active');
$(this).addClass('active');
$('#' + activeTab).addClass('active');
});
});
</script>
<div class="tabs_wrap">
<ul class="tabs">
<li class="tab active"><a href="#none"><img src="<?php echo $board_skin_url?>/img/tab1_on.png" alt="" /></a></li>
<li class="tab"><a href="#none"><img src="<?php echo $board_skin_url?>/img/tab2_off.png" alt="" /></a></li>
<li class="tab"><a href="#none"><img src="<?php echo $board_skin_url?>/img/tab3_off.png" alt="" /></a></li>
</ul>
</div>
답변 1
$(this).find("img").attr("src", function() {
return $(this).attr("src").replace("_off", "_on");
});
단순히 바꾸는 것만 하시려면 위 코드를 ~~~addClass("active"); 밑에 붙여 넣어 보세요.
답변을 작성하시기 전에 로그인 해주세요.