2011-10-17 4 views
6

jquery를 사용하여 애니메이션 GIF를 미리로드하고 나중에 애니메이션 GIF가 포함 된 메시지를 코드에 삽입합니다. firefox 4.0이 출시 될 때까지 잘 작동했습니다. 그 이후로 첫 번째 프레임 만 이 표시되고 애니메이션이 고정됩니다. 나중에firefox 4.0 이상에서 움직이는 gifs freeze

$("<img>").attr("src",image); // preload the image 

그리고 : http://jsfiddle.net/na2ku/35/

+0

jfiddle를 통해 코드를 알려주십시오. http : //api.jquery.com/insertAfter/'http : // www.w3schools.com/jquery/html_insertafter.asp' – linguini

+0

예제 추가 (jsfiddle) – Nir

+1

Firefox는 문서가 삭제 될 때 단순히 애니메이션을 고정시킵니다. 위치가 변경되었습니다. 양식을 제출할 때 문서를 삽입하면 문서 위치가 양식 작업으로 변경됩니다. 대신 AJAX 사용을 고려하십시오. –

답변

2

어쩌면 이미지를 삽입하십시오 :

$(message).insertAfter(obj); // inject animated gif and some text 

[편집]을 jsfiddle 예를 추가

내가 사용 (이것은 IE와 크롬에서 잘 작동) 간단한 태그를 추가하는 대신 문서에 객체를 추가하십시오.

var img = new Image(); 
img.src = "image.gif"; 
$(img).insertAfter(message); 
+0

고마워, 나는 그것을 시도하고 작동 :) – Nir

관련 문제