애니메이션 및 데이터에 대한 두 개의 jquery 문제

Question

나는 사진 갤러리에서 작업 중입니다. 내가 가지고있는 첫 번째 문제는 $.data입니다. 내 플러그인을 통해 이미지를 설정하고 때 나는이 작업을 수행 :

$('.img').each(function(){ 
    $(this).data('original', { width:$(this).width(), height:$(this).height() }); 
}); 

을 그리고 나는 그것의 전체 크기로 이미지를 애니메이션을 적용 할 때이 않습니다

$(this).animate({ 'width':$(this).data('original').width, 'height':$(this).data('original').height }); 

지금이 인터넷에서 잘 작동 탐색기 및 파이어 폭스하지만 난 그냥 사파리와 크롬 테스트 값은 제로하지만 파이어 폭스와 즉 그것은 너비와 높이가 정확한 있습니다. 왜 그렇게 될지에 대한 아이디어가 있습니까?

두 번째 문제는 Internet Explorer의 스크롤 애니메이션입니다. 기본적으로 나는 오버플로가있는 래퍼 : 숨겨진 컨테이너 및 갤러리 행 (약 50 개의 이미지가 있음)을 포함하는 컨테이너가 있습니다. 이제 다음 및 이전 버튼 2 개가 있습니다. 이 코드는 기본적으로 다음과 같습니다.

$('#container').animate({ 'left':'+=400px' }, 2000); 

이제 Google 크롬 및 사파리에서이 애니메이션은 아름답게 수행됩니다. 파이어 폭스에서 그것은 약간 느려지지만 아무것도 내가 살 수 없었다. 그러나 IE에서는 실제로 애니메이션을 보지 못합니다. 당신이 실제로 볼 수있는 모든 것은 거의 애니메이션의 마지막 위치로 점프하고 약간의 움직임만으로 끝까지 도달합니다. 이 문제를 일으킬 수있는 아이디어가 있습니까?

Answer 1

질문의 첫 번째 부분은 이미 answered입니다.

IE의 성능이 DOM 조작 속도가 느리기 때문에 질문의 두 번째 부분이 발생한다고 생각합니다.