2010-01-24 9 views
9

मैं वर्तमान में छवियों को लोड करने के लिए नीचे दिए गए कोड का उपयोग कर रहा हूं लेकिन छवि लोड होने से पहले मैं कुछ प्रकार की लोडिंग gif दिखाना चाहता हूं।jquery का उपयोग कर पूरी तरह लोड करने के लिए किसी विशेष छवि की प्रतीक्षा करें?

$('#addimage').attr('src', src[i]); 
$('#addimage').show(); 

जब से मैं एक एनिमेटेड MediaBox में इस का उपयोग कर रहा ब्लॉकों में छवि लोडिंग समय छवि लोड कर रहा है मैं एक लोड हो रहा है gif दिखा कर इसे बदलना चाहते द्वारा इतनी अच्छी नहीं लगती है। धन्यवाद

उत्तर

14

load() घटना का उपयोग करें:

$("#addimage").load(function() { 
    $(this).show(); 
}); 

संपादित करें: एक छवि दिखाने के लिए जब तक एक और भार थोड़ा और अधिक जटिल है, लेकिन पूरी तरह संभव है। Image Loading देखें।

+0

छवि लोड होने तक मुझे एक gif दिखाने का अनुमान है? – halocursed

+0

@halocursed: आप जो चाहते हैं उसके लिए एक लिंक जोड़ा। – cletus

0

क्यों लोडिंग छवि (ईजी, एनिमेटेड gif) को इंगित करने के लिए केवल स्रोत विशेषता सेट नहीं करें और बस इसे पूरे समय दिखाएं?

3

आप छवि में onload ईवेंट को बाध्य कर सकते हैं।

6

छवि लोड होने के बाद आप कॉलबैक ईवेंट का उपयोग कर सकते हैं। कुछ ऐसा:

$('#addimage').load(function() { $(this).show() }); 
$('#addimage').attr('src', src[i]); 

तो आप पहले लोड हैंडलर सेट अप करते हैं, फिर अपनी src विशेषता लागू करें। यह माना जाता है कि छवि डिफ़ॉल्ट रूप से छिपी हुई है (सीएसएस के माध्यम से, आदि)।

संबंधित मुद्दे