उन्हें एक आईएमजी टैग

Question

पर असाइन करने से पहले जावास्क्रिप्ट के साथ छवियों का आकार बदलें मैं HTML और CSS विकास पर बहुत नया हूं।

मेरे पास एक HTML पृष्ठ है जिसमें img टैग है। इस टैग में कुछ छवियां होंगी। इन छवियों के विभिन्न आकार हैं। मैंने सीएसएस का उपयोग करके img टैग पर चौड़ाई और ऊंचाई सेट की है।

सभी छवियां जावास्क्रिप्ट का उपयोग करके दिखाए जाएंगी।

क्या मुझे IMG टैग पर एक छवि असाइन करने से पहले मुझे जावास्क्रिप्ट के साथ छवियों का आकार बदलने की आवश्यकता है? शायद, मुझे ऐसा करने की आवश्यकता नहीं है क्योंकि मैंने सीएसएस का उपयोग करके IMG आकार सेट किया है। अनुपात बाधित हो जाएगा?

मेरी अंग्रेजी के लिए खेद है।

Answer 1

यदि आपने सीएसएस का उपयोग करके ऊंचाई और चौड़ाई दोनों सेट की हैं तो पहलू अनुपात बनाए रखा नहीं जाएगा। लेकिन अगर आप एचटीएमएल img टैग का उपयोग कर किसी भी गुण को निर्दिष्ट करते हैं तो पहलू अनुपात बनाए रखा जाएगा।

Answer 2

आपको इसे सर्वर की तरफ करना चाहिए। एक प्रशासन स्क्रिप्ट के साथ। जब आप अपलोड किए जाते हैं तो आप मूल छवि के संस्करण बना सकते हैं, फिर उन छवियों को HTML/CSS पक्ष द्वारा सुरक्षित रूप से उपयोग किया जा सकता है।

यह क्लाइंट पक्ष पर करने का कोई काम नहीं है। मूल रूप से आप यहां क्या कर रहे हैं एक बड़ी छवि (बहुत सारे डेटा) को डाउनलोड करना है, फिर इसे एक छोटी छवि बनाने के लिए नीचे दबाएं। तो आप सर्वर के बैंडविंड और सर्वर की बैंडविड्थ बर्बाद कर रहे हैं।

तो वहाँ बिल्कुल कोई वहाँ संभावना है और आप एक निश्चित क्षेत्र है का कहना है कि 640x480 है, तो आप के साथ ascpect अनुपात को बनाए रखने के साथ अल्पविकसित फसल acieve सकते हैं:

HTML:

<div id="wrapper"><img src="my.jpg"></div> 

सीएसएस:

#wrapper { 
    width: 640px; 
    height: 480px; 
    line-height: 480px; 
} 

#wrapper img { 
    width: 640px; 
}