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

슬라이더 문의입니다. 채택완료

슬라이더 안에 영상을 넣고 영상이 끝나면 영상 뒤의이미지가 나오게끔 만들고 싶은데

 

영상의 슬라이더 딜레이 시간과 이미지의 딜레이 시간 값 설정을 다르게 하고 싶습니다..

 

 

function rolling_banner(){

    var cnt=0,  old=0, timer=0, length=0, delay=30000, play=0,       total=$("#visual .inner-wrap .rollingBanner li").length , $bannerli=$("#visual .inner-wrap .rollingBanner li") , $btn=$(".rollingBtn li");                  timer=setInterval(make ,  delay);           function make(){          cnt++;          if(cnt==total){              cnt=0          }        rollingBanner();           }            $btn.on("click",function(){          console.log("ff");          cnt=$(this).index();          rollingBanner();          clearInterval(timer);          timer=setInterval(make, delay);      });            function rollingBanner(){

                  if(cnt!=old){                   $bannerli.eq(cnt).stop(true).css({right:"-100%"}).animate({right:"0"},500);                   $bannerli.eq(old).stop(true).css({right:"0"}).animate({right:"100%"},500);                   $btn.removeClass("r_on");               $btn.eq(cnt).addClass("r_on");                old=cnt;                 }         }         }  

이게 소스 코드인데 전체 슬라이더 딜레이 값을 30초가 아닌 영상만 30초로 딜레이 시키고 

영상이 끝나면 이미지값은 3-5초로 돌리고 싶은데....

 

어떻게 하면 될까요 ??? 

저 코드에서 무언갈 더 추가 해야 하나요 ㅠㅠ???

 

 

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

답변 1개

채택된 답변
+20 포인트

이렇게 수정해보세요.

     function make(){          cnt++;          if(cnt==total){              cnt=0;              delay = 30000;          } else {              delay = 3000;          }        rollingBanner();           }

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

답변에 대한 댓글 1개

감사합니다!!

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

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

로그인

전체 질문 목록