2011-03-25 9 views
5

के दौरान एक थ्रोबबर जोड़ने के लिए उदाहरणों की आवश्यकता है क्या किसी के पास एएसपीनेट पेज लोड के दौरान एनिमेटेड थ्रोबर चलाने का कोड उदाहरण है? एक से अधिक उदाहरण की सराहना की जाएगी।मुझे पृष्ठ लोड

उत्तर

6

एक थ्रोबबर आमतौर पर केवल एनिमेटेड होता है। Gif जिसमें सामग्री की जगह होती है। जब सामग्री लोड हो जाती है, तो वह छवि गतिशील तत्व से छिपी हुई या हटा दी जाती है और वास्तविक सामग्री के साथ प्रतिस्थापित की जाती है (या इसके विपरीत यदि आप कोई फॉर्म या समान बना रहे हैं)। https://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif

मिलान लेख:: https://en.wikipedia.org/wiki/Throbber

आप देख सकते हैं, यह एक है http://static.ak.fbcdn.net/rsrc.php/v1/zb/r/GsNJNwuI-UM.gif

यहाँ एक विकिपीडिया संपत्ति के लिए एक लिंक है -

यहाँ फेसबुक "throbber" का लिंक है एनिमेटेड GIF।

अद्यतन: यदि आप अभी भी संदर्भ के लिए इसका उपयोग कर रहे हैं तो कृपया विभिन्न परियोजनाओं में सीएसएस थ्रोबर्स देखें।

+0

विषम। मैं उस पृष्ठ के पेज स्रोत को नहीं देख सकता। ओह अच्छा। – crackedcornjimmy

+0

कोई पृष्ठ स्रोत नहीं है क्योंकि आप ब्राउज़र में छवि सामग्री देख रहे हैं, न कि HTML –

+0

क्रोम या फ़ायरबग आपको व्यक्तिगत तत्वों का निरीक्षण करने देगा। यदि आपके पास एक समान थ्रोबबर वाला पृष्ठ है, तो सामग्री को लोड करने के लिए सामग्री को लोड करने (F5, या पृष्ठ पर कुछ हिट करने का प्रयास करें) और थ्रोबबर दिखाई देने पर लोड होने से रोकने के लिए ESC कुंजी दबाएं। फिर आप दृश्य तत्व का निरीक्षण करने के लिए सामान्य उपकरण का उपयोग करने में सक्षम होना चाहिए। – tamarintech

6

http://ajaxload.info/ पर आप अपनी खुद की उत्पन्न कर सकते हैं :)

+0

मेरे पास थ्रोबर है। और लिंक के लिए धन्यवाद! वह बहुत प्यारा है। वैसे भी, मैं इसे चलाने के लिए और अधिक देख रहा हूं। – crackedcornjimmy

2

आप asp.net AJAX UpdateProgress control उपयोग कर सकते हैं। अपनी थ्रोबबर छवि को प्रोग्रेस टेम्पलेट में रखें।

इसके साथ समस्या यह है कि आपको इसके लिए UpdatePanel का उपयोग करना होगा। यदि आप पहले से ही इसे अच्छा इस्तेमाल कर रहे हैं।

एक और विकल्प आप में देखना चाहते हो सकता है:

उपयोग jQuery to show/hide अपने throbber।

jQuery UI's progressbar plugin

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