테스트 사이트 - 개발 중인 베타 버전입니다

제이쿼리 질문입니다ㅠ 채택완료

tab이미지가 on off로 바꾸고 싶은데

 

class는 해뒀으나 ㅠㅠ

 

파일명 접근해서 바꾸는건 어떠케 할지..ㅠㅠ 현재까지 코드입니다

 

</p>

<p>    <script>

        $(function() {

            $('ul.tabs li').click(function() {

                $('ul.tabs li').removeClass('active');

                $(this).addClass('active');

                $('#' + activeTab).addClass('active');

            });

        });

    </script></p>

<p><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></p>

<p>

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

답변 1개

채택된 답변
+20 포인트

$(this).find("img").attr("src", function() {     return $(this).attr("src").replace("_off", "_on"); });

단순히 바꾸는 것만 하시려면 위 코드를 ~~~addClass("active"); 밑에 붙여 넣어 보세요.

로그인 후 평가할 수 있습니다

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

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

로그인

전체 질문 목록