헤딩 하다가 질문 드립니다..ㅠㅠ탭 메뉴

헤딩 하다가 질문 드립니다..ㅠㅠ탭 메뉴

QA

헤딩 하다가 질문 드립니다..ㅠㅠ탭 메뉴

본문

코드는 우선 아래와 같습니다.


//탭 배너 자동 슬라이드
$(function(){
    banner_change();
});
var index = 2;
function banner_change() {
    setTimeout(function(){
    /*1번 탭 자동실행*/
        $(".banner").hide();
        $(".banner" + index).fadeIn();                
        if(index == 8)
            index = 1;
    /*2번 탭 자동실행*/
        $(".bannert").hide();
        $(".bannert" + index).fadeIn();
        if(index == 7)
            index = 1;
    /*3번 탭 자동실행*/
        $(".bannert_1").hide();
        $(".bannert_1" + index).show();        
        if(index == 4)
            index = 1;
        else
            index++;            
        banner_change();
    },10000);
    console.log(index);
}

위에 코드에서 보시듯이

1번 탭은 8번 돌아간 후 1번으로 돌아가게 하고 싶고..

2번 탭은 7번 돌고 1번으로 돌아가고

3번 탭은 4번 돌고 1번으로 돌아가려고 하는데....

무뇌인이라 그런지 어렵네요..ㅠㅠ

이 질문에 댓글 쓰기 :

답변 1

i는 순차로 증가시키고 각 숫자로 나눠서 나머지가 0 일때만 실행하면 될거 같네요

제가 질문을 잘못 봤네요.(너무 대충 읽었네요 죄송)
위에 답변은 무시하세요.

index 변수를 공유하고 있어서 각탭에서 초기화 시켜버리면 다른 탭에 영향이 가겠네요. 각 탭마다 카운팅하는 변수를 따로 쓰시면 될 듯

답변을 작성하시기 전에 로그인 해주세요.
전체 13
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT