2010-08-09 3 views
2

프로토 타입 슬라이드 쇼 플러그인을 jQuery로 변환하려고합니다. 애니메이션 기능은 직관적으로 매우 간단합니다 : 페이드 아웃 보이는 슬라이드, 다음 슬라이드에서 페이드 인, 두 애니메이션은 동시에 시작하고 중지합니다. 나는이 jQuery를 동등한 작성한프로토 타입의 효과. jQuery의 병렬 처리

fadeInOut: function (a, b) { 
    new Effect.Parallel(
     [ 
      new Effect.Fade(b, {sync: true}), 
      new Effect.Appear(a, {sync: true}) 
     ], { 
      duration: 1 
     } 
    ); 
} 

: 여기에 내가 완전히 이해 아직 프로토 타입 코드

var anim = function (a, b) { 
    // m_Locked = true 
    a.fadeOut(1000); 
    b.fadeIn(1000); 
    // m_Locked = false 
}; 

내가 Effect.Parallel 할 그리고 무엇 궁금는 jQuery를가있는 경우 동등한. 애니메이션을 실행하는 동안 단추를 비활성화하는 데 사용하는 잠긴 플래그를 설정하고 지울 필요가 있습니다. 작동하지 않는 것 같습니다.

답변

0

예, 당신은 jQuery.queue()에 관심이 있습니다.

모든 요소는 jQuery를하여 부착 기능의 많은 큐 하나를 가질 수 있습니다. 대부분의 응용 프로그램에서는 하나의 대기열 (fx라고 함) 만 사용됩니다. 대기열 은 프로그램 실행을 중단하지 않고 요소를 비동기 적으로 호출하는 일련의 작업을 허용합니다. 대표적인 예는 요소에서 여러 애니메이션 메서드를 호출하는 것입니다. 예를 들면 :

http://api.jquery.com/queue/

+0

흠, 내가 두 각 요소에 애니메이션을 추가하고 하나의 큐 안에 함께 넣어 수 있습니까? –