दिलचस्प पोस्ट
सेवाओं के बीच अंतर क्या है। AddTransient, service.AddScope और सेवा। Asp.Net कोर 1 में AddingStonleton तरीकों? गर्तिका के संचालन के लिए एक समय समाप्ति सेट करना जीमेल एसएमटीपी को कोडिगनिटर ईमेल लाइब्रेरी के साथ ईमेल भेजना एंड्रॉइड स्टूडियो: पुस्तकालय के रूप में जार जोड़ें? इकाई फ़्रेमवर्क बनाम LINQ से SQL सभी रिकॉर्ड वापस करने के लिए लोचदार खोज क्वेरी एंड्रॉइड में प्रोग्रामेन्टिक रूप से सक्षम / अक्षम पहुंच योग्यता सेवा कैसे करें जावा दो सूचियों की तुलना करें क्या अजगर में HTTP PUT करने का कोई तरीका है प्रोलॉग में मौखिक अंकगणितीय के शीघ्र कार्यान्वयन क्या दो डाइक्ट्स को जोड़ने के लिए कोई अजगर तरीका है (दोनों में दिखाई देने वाली कुंजी के लिए मान जोड़ना)? जावा में, उद्धरणों को छोड़ने के बिना स्ट्रिंग शब्दशः लिखने का एक तरीका है? Django को MySQL का उपयोग करने के लिए सेट करना प्रत्येक समूह की शीर्ष 1 पंक्ति प्राप्त करें कैसे वर्णमाला क्रम के बाद स्ट्रिंग की लंबाई से सॉर्ट करने के लिए?

मैं कैसे जांच सकता हूं कि पृष्ठभूमि छवि भरी हुई है या नहीं?

मैं शरीर टैग पर एक पृष्ठभूमि छवि सेट करना चाहता हूं, फिर कुछ कोड चलाएं – इस तरह से:

$('body').css('background-image','http://img.hiwab.com/javascript/image.png').load(function() { alert('Background image done loading'); // This doesn't work }); 

मैं कैसे सुनिश्चित कर सकता हूं कि पृष्ठभूमि की छवि पूरी तरह भरी हुई है?

Solutions Collecting From Web of "मैं कैसे जांच सकता हूं कि पृष्ठभूमि छवि भरी हुई है या नहीं?"

इसे इस्तेमाल करे:

 $('<img/>').attr('src', 'http://img.hiwab.com/javascript/image.png').on('load', function() { $(this).remove(); // prevent memory leaks as @benweet suggested $('body').css('background-image', 'url(http://img.hiwab.com/javascript/image.png)'); }); 

यह स्मृति में नई छवि बनाएगा और लोड होने पर लोड घटना का उपयोग करेगा जब स्रोत लोड होता है।

मेरे पास एक jQuery प्लग इन है जिसे waitForImages कहा जाता है, जो पृष्ठभूमि छवियों को डाउनलोड करते समय पता लगा सकते हैं।

 $('body') .css('background-image','url(http://img.hiwab.com/javascript/image.png)') .waitForImages(function() { alert('Background image done loading'); // This *does* work }, $.noop, true); 

कुछ इस तरह:

 var $div = $('div'), bg = $div.css('background-image'); if (bg) { var src = bg.replace(/(^url\()|(\)$|[\"\'])/g, ''), $img = $('<img>').attr('src', src).on('load', function() { // do something, maybe: $div.fadeIn(); }); } }); 

सीएसएस संपत्तियों के लिए कोई जेएस कॉलबैक नहीं हैं I

यह एक छोटा सा प्लगइन है जो मैंने आपको ऐसा करने की अनुमति देने के लिए बनाया है, यह कई पृष्ठभूमि छवियों और कई तत्वों पर काम करता है:

यह पढ़ो:

http://catmull.uk/code-lab/background-image-loaded/

या सीधे प्लगइन कोड पर जाएं:

http://catmull.uk/downloads/bg-loaded/bg-loaded.js

तो बस प्लगइन शामिल करें और फिर इसे तत्व पर कॉल करें:

 <script type="text/javascript" src="http://catmull.uk/downloads/bg-loaded/bg-loaded.js"></script> <script type="text/javascript"> $('body').bgLoaded(); </script> 

जाहिर है प्लगइन डाउनलोड करें और इसे अपने होस्टिंग पर स्टोर करें।

पृष्ठभूमि से लोड होने पर प्रत्येक मिलान वाले तत्व को डिफ़ॉल्ट रूप से एक अतिरिक्त "बीजी-लोडेड" वर्ग जोड़ता है, लेकिन आप इसे आसानी से बदल सकते हैं, जैसे कि इसे एक अलग फ़ंक्शन देकर:

 <script type="text/javascript" src="http://catmull.uk/downloads/bg-loaded/bg-loaded.js"></script> <script type="text/javascript"> $('body').bgLoaded({ afterLoaded : function() { alert('Background image done loading'); } }); </script> 

यहां एक कोडपेन है जो यह काम कर रहा है।

http://codepen.io/catmull/pen/Lfcpb

https://github.com/alexanderdickson/waitForImages

 $('selector').waitForImages({ finished: function() { // ... }, each: function() { // ... }, waitForAll: true }); 

मैं यह संभव बनाने के लिए एक शुद्ध जावास्क्रिप्ट हैक किया

 <div class="my_background_image" style="background-image: url(broken-image.jpg)"> <img class="image_error" src="broken-image.jpg" onerror="this.parentElement.style.display='none';"> </div> 

या

 onerror="this.parentElement.backgroundImage = "url('image_placeHolder.png')"; 

सीएसएस:

 .image_error { display: none; }