jquery fade in effect for background image -

मेरे पास पृष्ठभूमि छवि के लिए यह मार्कअप है:

  & lt; img src = "bg .jpg "id =" bg "alt =" "& gt;   
 और यह सीएसएस:  
  # बीजी {स्थिति: तय; शीर्ष: 0; बाएं: 0; } # बीजी {डिस्प्ले: कोई नहीं;}   
 और यह jquery:  
  $ (दस्तावेज़) .ready (function () {$ ('# bg ') .लोड (फ़ंक्शन () {$ (this)। FadeIn (' slow ');});});   
 असल में यह काम करता है, लेकिन अजीब स्थिति यह है कि कभी-कभी छवि भार, कभी-कभी नहीं, कभी-कभी मुझे पेज को कई बार ताज़ा करना पड़ता है देखें कि मैं किस बारे में बात कर रहा हूं।   
 
 
 यह बात यह है कि छवि इससे पहले लोड हो जाती है स्क्रिप्ट। इसलिए, जब तक आप इमेज लोड इवेंट के लिए इवेंटहोल्डलर बाध्य कर रहे हैं, तो इमेज पहले ही भरी हुई है और इवेंट ट्रिगर नहीं हुई है। 
 जब विंडो लोड होता है, तो जब आपका दस्तावेज़ तैयार नहीं होता है तो आपको अपना फ़ंक्शन निष्पादित करना चाहिए:  
  $ (window) .load (function () {$ ('# bg')। लोड (फ़ंक्शन () {$ (this)। FadeIn ('slow');})}} ;