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

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

와이쿠 5년 전 조회 2,048

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

</p>

<p>//탭 배너 자동 슬라이드

$(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);

}</p>

<p>

위에 코드에서 보시듯이

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

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

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

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

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

답변 1개

채택된 답변
+20 포인트
5년 전

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

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

답변에 대한 댓글 2개

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

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

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

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

로그인