jQuery로 애니메이션 효과를 부드럽게합니다.

Question

사용자가 링크를 클릭 할 때 일부 DIV를 교체하기 위해 내 페이지에 jQuery를 설정했습니다. DIV에는 플래시 오브젝트, 단락 및 이미지가 포함되어 있으며 링크를 클릭하여 스왑하면 효과가 원활하지 않습니다.

$('#div').toggle('fast'); 
$('#anotherdiv').toggle('fast'); 

이 좀 짧은 동안 플래시 객체에 걸리면 다음 완전히 사라 :

이 내 코드입니다. 누구든지 jQuery에서 정말 부드러운 애니메이션 효과를내는 플러그인을 알고 있습니까? 나는 jQuery UI를 살펴 보았지만, 내가 원하는 것을 위해 약간 과잉이라고 생각한다.

건배. :)

Answer 1

자바 스크립트 애니메이션은 실제로 브라우저에 종속됩니다. IE는 자바 스크립트에서 몹시 느리며 많은 시간 동안 IE로 애니메이션 작업을해볼 가치가 없습니다. Firefox와 크롬이 훨씬 좋습니다. 크롬으로 시험해보고 문제가 지속되는지 확인하십시오.

Answer 2

@stimms 속도에 대한 권리 그러나 나는 애니메이션을 시작하기 전에 플래시 컨테이너를 숨기는 것 해결 방법 :

은 항상있다. 그렇게하면 사물의 길에 있지 않게됩니다.

Answer 3

플래시의 객체 및/또는 삽입 태그의 wmode이 transparent 또는 opaque로 설정되어 있는지 확인 ...

그것이 샷 :

Answer 4

여기에 속도 문제가 주로 함께 가치가있다 플래시 ... 브라우저에 비디오를 빠르게 다시 칠해달라고 요청하는 것입니다. 나는 숨기기 전에 플래시 요소를 숨기고 다음과 같이 나머지를 보여줄 것입니다.

$(function(){ 
    $('#hideShowButton').toggle(function() { 
    $('#div object, #anotherdiv object').hide(); 
    $('#div').toggle('fast'); 
    $('#anotherdiv').toggle('fast'); 
    }, function() { 
    $('#div object, #anotherdiv object').show(); 
    $('#div').toggle('fast'); 
    $('#anotherdiv').toggle('fast'); 
    }); 
});