मेरे पास एक छवि पृष्ठभूमि है जो सामग्री मैं हमेशा दिखाना चाहता हूं, इससे कोई फर्क नहीं पड़ता कि उपयोगकर्ता का संकल्प क्या है। इसलिए, मैं यह निर्धारित करने में सक्षम होना चाहता हूं कि संकल्प क्या है और पृष्ठ लोड से पहले उचित पृष्ठभूमि छवि फ़ाइल सेट करें, बहुत शुरुआत में। क्या यह किसी भी तरह से संभव है?पेज लोड से पहले जावास्क्रिप्ट फ़ंक्शन चलाना (उचित आकार की पृष्ठभूमि सेट करना)
सबसे शुरुआती बिंदु जिस पर आप डोम तक पहुंच के साथ जावास्क्रिप्ट फ़ंक्शन चला सकते हैं (पेज लोड के लिए प्रतीक्षा किए बिना) <body> टैग खोलने के बाद <script> टैग डालकर है।
<head> के अंदर लिपियों को ऐसा होने से पहले चलाया जाएगा, लेकिन पृष्ठ पर मौजूद तत्वों तक पहुंच नहीं होगी।
कुछ गैंगस्टा Lipsum पाठ के साथ इस example देखें इस कोड
<body>
<script type="text/javascript">
alert("Some elements shouldn't even be visible when this shows");
</script>
... rest of the page
</body>
की कोशिश करो।
वास्तव में? तो सिर में स्क्रिप्ट कब निष्पादित होती है? – some
@some: अच्छा सवाल। यह '
'टैग से पहले चलता है, लेकिन पृष्ठ पर मौजूद तत्वों तक कोई पहुंच नहीं है। मुझे इसे स्पष्ट करना चाहिए। – Markoआपके पास केवल उन तत्वों तक पहुंच है जिन्हें स्क्रिप्ट-टैग से पहले घोषित किया गया है क्योंकि शेष पृष्ठ को अभी तक पार्स नहीं किया गया है। यही वजह है कि लोग इसे छूने से पहले डीओएम लोड होने की प्रतीक्षा करते हैं। एक सभ्य रूपरेखा एक क्रॉस ब्राउज़र तरीके से डीओएम लोडेड घटना में एक फ़ंक्शन संलग्न करना बहुत आसान बनाता है। – some
MooTools जैसे जावास्क्रिप्ट ढांचे का उपयोग करके आप ऑनलोड के बजाय DomReady ईवेंट का उपयोग कर सकते हैं (जो सभी छवि तत्वों को लोड करने की प्रतीक्षा करता है) पृष्ठ लोड होने पर आप किसी ईवेंट को आग लगा सकते हैं।
वैकल्पिक रूप से सीएसएस के साथ आप पूर्ण शीर्ष बाएं और चौड़ाई को स्थान दे सकते हैं: दिन जीतने के लिए 100%। : ओ
मैं बाहरी कोड का उपयोग नहीं करना पसंद करता अगर मैं इसे आसानी से कर सकता हूं :)। आपके उत्तर के दूसरे भाग के लिए - मैं नहीं चाहता कि यह विंडो के साथ आकार बदल जाए, लेकिन स्क्रीन की चौड़ाई में समायोजित करने के लिए। लेकिन फिर भी धन्यवाद :)। – kremuwa
मुझे एहसास है कि आप विशेष रूप से जावास्क्रिप्ट के बारे में पूछ रहे हैं, लेकिन सीएसएस ट्रिक्स साइट पर वर्णित एक सुंदर decent technique for doing this with CSS (और वैकल्पिक रूप से एक छोटी जावास्क्रिप्ट) है।
मैं नहीं चाहता कि यह विंडो के साथ आकार बदल जाए, लेकिन स्क्रीन की चौड़ाई में समायोजित करने के लिए। वैसे भी धन्यवाद :) – kremuwa
जिस तकनीक से मैंने लिंक किया है वह छवि को स्केल करने के लिए सीएसएस का उपयोग करता है ताकि यह ब्राउज़र व्यूपोर्ट फिट बैठ सके। यह खिड़की का आकार बदलता नहीं है। – stevelove
मुझे पता है - "मैं इसे विंडो के साथ आकार बदलना नहीं चाहता" - इसका मतलब है: "जब मैं खिड़की (और ब्राउज़र का व्यूपोर्ट) अपना आकार बदलता हूं तो मैं पृष्ठभूमि को स्केल नहीं करना चाहता हूं"। मैं इसे केवल स्क्रीन की चौड़ाई में समायोजित करना चाहता हूं। – kremuwa
चेक जावास्क्रिप्ट में स्क्रीन रिज़ॉल्यूशन प्राप्त करने पर इस लेख: http://andylangton.co.uk/articles/javascript/browser-screen-resolution/
स्क्रिप्ट टैग इनलाइन निष्पादित आप उन्हें स्थगित करने के लिए विशेष कुछ भी (और टाल स्क्रिप्ट निष्पादन सभी ब्राउज़रों पर समर्थित नहीं है) नहीं करते हैं। इसका मतलब यह है कि शरीर टैग के अंदर घोंसला वाला एक स्क्रिप्ट टैग शेष शरीर के भार से पहले निष्पादित किया जाएगा। आप अपनी स्क्रिप्ट को स्क्रीन रिज़ॉल्यूशन का पता लगा सकते हैं और वहां शरीर के लिए पृष्ठभूमि छवि सेट कर सकते हैं। विचार के लिए
मुझे पता है कि स्क्रीन के रिज़ॉल्यूशन को कैसे प्राप्त करें, धन्यवाद :)। मुझे आपके दोनों उत्तरों को स्वीकार करना अच्छा लगेगा, लेकिन चूंकि यह संभव नहीं है और @ मार्को का जवाब अधिक जटिल है, मुझे निर्णय लेना है। लेकिन फिर से धन्यवाद और उपयोगी उत्तर के लिए एक बिंदु है। – kremuwa
कोई समस्या नहीं है। धन्यवाद :) – Gopherkhan
+1 और प्रश्न पूछने के लिए। –
क्या होगा यदि उपयोगकर्ता अपनी विंडो का आकार बदलता है? – some
कुछ भी नहीं। पृष्ठभूमि को स्क्रीन के वर्तमान आकार के लिए स्क्रीन के संकल्प के लिए फिट होना चाहिए। – kremuwa