내 페이드 인/페이드 아웃이 겹쳐서 엉망입니다

Question

이 페이지 맨 아래의 "신체 조건 점수 란 무엇입니까?" 섹션 :

http://tn-2017-12-vrshealth.pantheonsite.io/tn-2/

당신이 느린 속도로 슬라이더를 이동하면, 그들은 정상적으로 애완 동물 이미지 슬라이더 너무 빨리 이동하지만 경우 애니메이션이 완료되지 않는, 변경하고 이미지에 시작 중복.

모든 애니메이션을 강제로 완료하거나 올바르게 대기시킬 수있는 방법이 있습니까?

Answer 1

:animated을 사용하여 img 중 하나에 애니메이션이 있는지 확인해야합니다. 그렇지 않으면 애니메이션을 트리거합니다.

그래서처럼 silde 기능이 있어야한다에 :

slide: function(event, ui){ 
    // check if no 
    if(!$(".pet-image img").is(":animated")){ 
     //annimation code here 
    } 
}