제이쿼리 스크립트 고수님들께 문의드립니다.

제이쿼리 스크립트 고수님들께 문의드립니다.

QA

제이쿼리 스크립트 고수님들께 문의드립니다.

본문

아래는 탭 슬라이드 스크립트입니다.

첫번째와 그외 정지되어있는 시간을 별도로 하고 싶은데요....


즉, for문의 0 인경우는 지연시간 100초

그외 1~ 나머지는 지연시간 5초 이렇게 지연시간을 두개로 나눠 설정하고 싶은데

아래 코드에서 수정하면 가능한지 문의드립니다.





(function(a){
    a.fn.webwidget_scroller_tab=function(p){
        var p=p||{};
        var s_t_i=p&&p.scroller_time_interval?p.scroller_time_interval:"3000";
        var s_w_p=p&&p.scroller_window_padding?p.scroller_window_padding:"0";
        var s_w_w=p&&p.scroller_window_width?p.scroller_window_width:"30";
        var s_w_h=p&&p.scroller_window_height?p.scroller_window_height:"270";
        var s_h_t_c=p&&p.scroller_head_text_color?p.scroller_head_text_color:"blue";
  var s_h_t_cc=p&&p.scroller_head_text_bgcolor?p.scroller_head_text_bgcolor:"";
        var s_h_c_t_c=p&&p.scroller_head_current_text_color?p.scroller_head_current_text_color:"black";
  var s_h_c_t_cc=p&&p.scroller_head_current_text_bgcolor?p.scroller_head_current_text_bgcolor:"ab0007";
        var d=p&&p.directory?p.directory:"images";
        var dom=a(this);
        var s_length=dom.children(".tabBody").children("ul").children("li").length;
        var timer;
        var current = 0;
        var li_width;
        s_w_p += "px";
        s_w_w += "px";
        s_w_h += "px";
        
        if(dom.find("ul").length==0||dom.find("li").length==0){
            dom.append("Require content");
            return null;
        }
        begin();
        play();
        function begin(){
            dom.width(s_w_w);
            dom.height(s_w_h);
            li_width = parseInt(s_w_w);
            dom.children(".tabBody").width(parseInt(s_w_w));
            dom.children(".tabBody").height(parseInt(s_w_h)-28-4);
            dom.children(".tabBody").children("ul").width((parseInt(s_w_w))*s_length);
            dom.children(".tabBody").children("ul").height(parseInt(s_w_h)-28-4);
            dom.children(".tabBody").children("ul").children("li").width(parseInt(s_w_w));
            dom.children(".tabBody").children("ul").children("li").height(parseInt(s_w_h)-28-4);
            dom.children(".tabBody").children("ul").children("li").children("p").css("padding",s_w_p);
            dom.children(".tabContainer").children(".tabHead").children("li").children("a").css("color",s_h_t_c).css("background-color",s_h_t_cc);
            dom.children(".tabContainer").children(".tabHead").children("li").children("a").click(function(){
                current = dom.children(".tabContainer").children(".tabHead").children("li").index($(this).parent());
                play();
                stop()
            });
            dom.hover(
                function(){
                    stop();
                },
                function(){
                    timer = setTimeout(play,s_t_i);
                }
            );
        }
        function stop(){
            clearTimeout(timer);
        }
        function play(){
            clearTimeout(timer);
            var to_location = -(current*li_width)+"px";
            dom.children(".tabBody").children("ul").animate({
                left:to_location
            },500);
            dom.children(".tabContainer").children(".tabHead").children("li").children("a").css("color",s_h_t_c).css("background-color",s_h_t_cc);
            dom.children(".tabContainer").children(".tabHead").children("li").removeClass("currentBtn")
            dom.children(".tabContainer").children(".tabHead").children("li").eq(current).children("a").css("color",s_h_c_t_c).css("background-color",s_h_c_t_cc);
            dom.children(".tabContainer").children(".tabHead").children("li").eq(current).addClass("currentBtn");
            if(current >= s_length-1){
                current = 0;
            }else{
                current ++;
            }
            timer = setTimeout(play,s_t_i);
        }
    }
})(jQuery);

이 질문에 댓글 쓰기 :

답변 1

예제가 없어서 테스트는 못했습니다 

구조상 3군데 수정하시면 되실듯 합니다 

1. 처음 시간 시정

2. 마우스 아웃시

3. 스타트시 



	(function(a){
    a.fn.webwidget_scroller_tab=function(p){
        var p=p||{};
		//1. 여기수정 처음 시간
        var s_t_i=p&&p.scroller_time_interval?p.scroller_time_interval:"100000";
		//여기수정 나머지 시간 추가
	var s_t_i2=p&&p.scroller_time_interval2?p.scroller_time_interval2:"5000";
        var s_w_p=p&&p.scroller_window_padding?p.scroller_window_padding:"0";
        var s_w_w=p&&p.scroller_window_width?p.scroller_window_width:"30";
        var s_w_h=p&&p.scroller_window_height?p.scroller_window_height:"270";
        var s_h_t_c=p&&p.scroller_head_text_color?p.scroller_head_text_color:"blue";
  var s_h_t_cc=p&&p.scroller_head_text_bgcolor?p.scroller_head_text_bgcolor:"";
        var s_h_c_t_c=p&&p.scroller_head_current_text_color?p.scroller_head_current_text_color:"black";
  var s_h_c_t_cc=p&&p.scroller_head_current_text_bgcolor?p.scroller_head_current_text_bgcolor:"ab0007";
        var d=p&&p.directory?p.directory:"images";
        var dom=a(this);
        var s_length=dom.children(".tabBody").children("ul").children("li").length;
        var timer;
        var current = 0;
        var li_width;
        s_w_p += "px";
        s_w_w += "px";
        s_w_h += "px";
        
        if(dom.find("ul").length==0||dom.find("li").length==0){
            dom.append("Require content");
            return null;
        }
        begin();
        play();
        function begin(){
            dom.width(s_w_w);
            dom.height(s_w_h);
            li_width = parseInt(s_w_w);
            dom.children(".tabBody").width(parseInt(s_w_w));
            dom.children(".tabBody").height(parseInt(s_w_h)-28-4);
            dom.children(".tabBody").children("ul").width((parseInt(s_w_w))*s_length);
            dom.children(".tabBody").children("ul").height(parseInt(s_w_h)-28-4);
            dom.children(".tabBody").children("ul").children("li").width(parseInt(s_w_w));
            dom.children(".tabBody").children("ul").children("li").height(parseInt(s_w_h)-28-4);
            dom.children(".tabBody").children("ul").children("li").children("p").css("padding",s_w_p);
            dom.children(".tabContainer").children(".tabHead").children("li").children("a").css("color",s_h_t_c).css("background-color",s_h_t_cc);
            dom.children(".tabContainer").children(".tabHead").children("li").children("a").click(function(){
                current = dom.children(".tabContainer").children(".tabHead").children("li").index($(this).parent());
                play();
                stop()
            });
            dom.hover(
                function(){
                    stop();
                },
                function(){
					//timer = setTimeout(play,s_t_i); 대신에
					//2. 여기수정
					if(current==0){
	                    timer = setTimeout(play,s_t_i);
					}
					else{
						timer = setTimeout(play,s_t_i2);	
					}

				}
            );
        }
        function stop(){
            clearTimeout(timer);
        }
        function play(){
            clearTimeout(timer);
            var to_location = -(current*li_width)+"px";
            dom.children(".tabBody").children("ul").animate({
                left:to_location
            },500);
            dom.children(".tabContainer").children(".tabHead").children("li").children("a").css("color",s_h_t_c).css("background-color",s_h_t_cc);
            dom.children(".tabContainer").children(".tabHead").children("li").removeClass("currentBtn")
            dom.children(".tabContainer").children(".tabHead").children("li").eq(current).children("a").css("color",s_h_c_t_c).css("background-color",s_h_c_t_cc);
            dom.children(".tabContainer").children(".tabHead").children("li").eq(current).addClass("currentBtn");
            if(current >= s_length-1){
                current = 0;
            }else{
                current ++;
            }
			//3. 여기수정
			//timer = setTimeout(play,s_t_i); 대신에
			if(current==0){
				timer = setTimeout(play,s_t_i);
			}
			else{
				timer = setTimeout(play,s_t_i2);	
			}
            
        }
    }
})(jQuery);
답변을 작성하시기 전에 로그인 해주세요.
전체 123,674 | RSS
QA 내용 검색

회원로그인

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