'एक href' टैग लिंक

Question

में एक छवि का आकार नीचे दिए गए कोड को देखते हुए, मैं एक छोटे आकार

<a href="images/image.jpg"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

लेकिन क्या के साथ एक छवि दिखा सकते हैं अगर मैं एक छोटे के साथ छवि दिखाने के लिए href लिंक चाहते हैं आकार भी। तो मान लें कि मूल image.jpg 1500x1200 है और लिंक में मैं इसे 800x600 दिखाना चाहता हूं।

वहाँ वैसे भी इस तरह कुछ करने के लिए है:

<a href="images/image.jpg" width="800" height="600"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

Answer 1

यदि मैं सही ढंग से समझता हूं, तो आप a टैग के गुणों का उपयोग करके href का लक्ष्य छवि के आकार को नियंत्रित करना चाहते हैं?

आप ऐसा नहीं कर सकते हैं। आपकी सबसे अच्छी शर्त (लिंक के स्रोत से आकार को नियंत्रित करने के लिए) एक सर्वर-साइड स्क्रिप्ट का उपयोग करके अपनी छवियों को सेवा देना है जो क्वेरीस्ट्रिंग में आकार पैरामीटर स्वीकार करता है। image.php?img=image.jpg&w=800&h=600 की तरह।

लेकिन यह एक अन्य प्रश्न है और यहां विस्तार से जाने के लिए मेरे दायरे से बाहर होगा।

बेशक

तुम सिर्फ एक विशेष आकार के लिए छवि को बदलने सिर्फ वास्तविक छवि का आकार और पुन: अपलोड :)

Answer 2

जब से तुम छवि को ही खोलने यह असंभव है।

आप क्या कर सकते है, केवल एक <img src="URL" width="" height=""/> साथ करने के लिए

लिंक और खाली html पृष्ठ और इसे करने के लिए आकार लागू होते हैं।

Answer 3

यहाँ करना चाहते हैं तो एक अजीब समाधान है:

<a href="javascript:document.getElementsByTagName('body')[0].innerHTML='<img src=images/image.jpg width=800 height=600>'"><img src="images/image.jpg" width="300" height="214" border="0"></a> 

हालांकि व्यक्तिगत रूप से मैं इसकी सिफारिश नहीं करेंगे, यह काम करता है। :)

Answer 4

नोडजेज़ में छवि-पुनर्विक्रेता देखें।

यहाँ लिंक है: https://github.com/jimmynicol/image-resizer

या आप cloudinary NodeJS एकीकरण जो पहले 7500 छवि के लिए एक नि: शुल्क स्तरीय पहुँच प्रदान करता है का उपयोग कर सकते परिवर्तनों