헤딩 하다가 질문 드립니다..ㅠㅠ탭 메뉴
본문
코드는 우선 아래와 같습니다.
//탭 배너 자동 슬라이드
$(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 변수를 공유하고 있어서 각탭에서 초기화 시켜버리면 다른 탭에 영향이 가겠네요. 각 탭마다 카운팅하는 변수를 따로 쓰시면 될 듯
답변을 작성하시기 전에 로그인 해주세요.
