2011-10-17 20 views
6

में फ्रीज करें I एनिमेटेड gif को प्रीलोड करने के लिए jquery का उपयोग कर रहा हूं और बाद में कोड में एनिमेटेड gif के साथ एक संदेश इंजेक्ट करने के लिए। यह फ़ायरफ़ॉक्स के रिलीज 4.0 तक ठीक काम करता था। तब से केवल पहला फ्रेम दिखाया गया है और एनीमेशन जमे हुए है। (यह IE और क्रोम पर ठीक काम करता है)एनिमेटेड gifs फ़ायरफ़ॉक्स 4.0 और

मैं का उपयोग करें:

$("<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

फ़ायरफ़ॉक्स दस्तावेज़ के दौरान एनिमेशन को फ्रीज करता है स्थान बदल गया है। जैसा कि आप फ़ॉर्म सबमिशन पर इंजेक्ट करते हैं, इसका मतलब है कि दस्तावेज़ स्थान को फॉर्म एक्शन में बदल दिया गया है। इसके बजाय AJAX का उपयोग करने पर विचार करें। –

उत्तर

2

हो सकता है कि छवि डालने की कोशिश:

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

[संपादित करें] jsfiddle उदाहरण जोड़ा गया सरल टैग जोड़ने के बजाय दस्तावेज़ में ऑब्जेक्ट करें।

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

धन्यवाद, मैंने कोशिश की और यह काम करता है :) – Nir