2013-10-01 2 views
1

나는이 회전 목마를 처음부터 만들고 지금 이것을 가지고 노력하고있다.jquery에서 루프를 설정하는 방법은 무엇입니까?

<script type="text/javascript"> 
    $(document).ready(function() { 
     setTimeout(function() { 
      $('.carousel-inner li').animate({ 
       right: '580px' 
       }, 500);     
     }, 3000); 

     $('#right').click(function() { 
      $('.carousel-inner li').animate({ 
       right: '580px' 
       }, 500); 
     }); 
     $('#left').click(function() { 
      $('.carousel-inner li').animate({ 
       left: '0px' 
       }, 500); 
     });  
    }); 
</script> 

"#right"및 "#left"를 한 번만 클릭하면 작동합니다. 나는 그것이 "#next"를 다시 클릭 할 때 다시 움직이게하고 싶습니다. 여기

Fiddle

답변

2

인 서드는 left: '-=580px'입니다. 그리고 right: '580px'을 입력 한 곳은 left: '+=580px'입니다. 그러나 사용자는 귀하의 모든 시야를 바꿀 수 있으며, 필요한 경우 필요한 정보를 얻을 수 있습니다.

+0

왼쪽 : '- = 580px'는 되돌아 가지 않습니다. 앞으로 나아갈 것입니다. – andresr

+0

이것은 덕분에 일했습니다. 당신이 나를 도와 줄 수 있을까요? 어디에서 시작해야할지 전혀 알지 못한다. 아니면 코드를 다시 작성해야합니까? 미리 감사드립니다. – andresr

+0

내가 같은 제안, 너무 많이 생각하지 않기 : 'VAR N = 1;''가 남아있는 곳 어디서나 (이 세계에서의) : + = '경우 (N <= 0) 넣어 580px' 반환; n -;'함수의 시작 부분. '왼쪽 : - = 580px'를 입력하면 'if (n> = 3) 반환; n ++;' 상수 3 블록의 양에 따라 변경 될 수 있습니다 (나는 그것을 바이올린에서 가져 왔습니다). 또한 카운터 변수의 이름을 올바르게 지정할 수도 있습니다. –

0

당신은 $('.carousel-inner li').offset()를 사용하여 요소의 현재 위치를 찾아 당신이하여 요소를 이동하고자하는 값으로 추가해야합니다.

관련 문제