2026, 새로운 도약을 시작합니다.

헤딩 하다가 질문 드립니다..ㅠㅠ탭 메뉴 채택완료

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

Copy


//탭 배너 자동 슬라이드

$(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개

채택된 답변
+20 포인트

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

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

답변에 대한 댓글 2개

ㅇ ㅏ 떠먹여 줘도 모르겠네요..ㅠㅠ
제가 질문을 잘못 봤네요.(너무 대충 읽었네요 죄송)
위에 답변은 무시하세요.

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

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

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

로그인
🐛 버그신고