क्या लोग अभी भी पुराने HTML इमेज मैप का उपयोग करते हैं? जिनके साथ:
<map name="test" id="test">
<area shape="poly" alt="" title="" coords=...
या कोई नया, बेहतर विकल्प है?
क्या लोग अभी भी पुराने HTML इमेज मैप का उपयोग करते हैं? जिनके साथ:
<map name="test" id="test">
<area shape="poly" alt="" title="" coords=...
या कोई नया, बेहतर विकल्प है?
जवाबों:
हां, लोग अभी भी छवि मानचित्र का उपयोग करते हैं। एक विकल्प पूर्ण स्थिति और सीएसएस का उपयोग करने वाले तत्वों की स्थिति के लिए होगा लेकिन यह बेहतर नहीं है। यह आपको छवि मानचित्रों की तरह आकार देने की अनुमति नहीं देता है
वे HTML5 विनिर्देश में हैं , इसलिए वे पदावनत नहीं होंगे।
आप अभी भी स्वतंत्र रूप से उनका उपयोग कर सकते हैं, वे निश्चित रूप से अभी भी वेब विकास में अपना स्थान रखते हैं। या मैं कह सकता हूं, वे दुर्लभ अवसर मौजूद हैं जहां आप किसी छवि मानचित्र के साथ कुछ हल कर सकते हैं।
CSS या छवि मानचित्रों का उपयोग करने का एक वैकल्पिक समाधान HTML डोम में एम्बेडेड SVG ग्राफिक्स का उपयोग करना होगा।
इस तकनीक का उपयोग करके माउसओवर प्रभाव को प्राप्त करने के तरीके पर एक ट्यूटोरियल इस ट्यूटोरियल में वर्णित है: http://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs
प्रमुख बात यह है कि एसवीजी तत्व ऑनमेसओवर और ऑनमाउटआउट सहित पारंपरिक डोम ईवेंट को भी ट्रिगर करते हैं ।
हां HTML छवि मानचित्र अच्छे हैं खासकर यदि आप चाहते हैं कि आपका क्षेत्र बहुभुज हो। आप जावास्क्रिप्ट के साथ-साथ मानचित्रण में रोलओवर प्रभाव जोड़ सकते हैं। यहाँ एक अच्छा ट्यूटोरियल और डेमो है:
http://www.tutorialized.com/view/tutorial/Image-Map-Rollover/3484
सभी ब्राउज़र द्वारा समर्थित HTML5 विनिर्देशों में छवि मानचित्र अभी भी हैं।
उन्हें jQuery RWD छवि मानचित्रों का उपयोग करके उत्तरदायी डिज़ाइन के लिए अनुकूलित किया जा सकता है: https://github.com/stowball/jQuery-rwdImageMaps
यह पता लगाता है और स्वचालित रूप से छवि मानचित्र निर्देशांक का आकार बदल देता है।
यह प्लगइन के रूप में वर्डप्रेस डेवलपर्स के लिए भी उपलब्ध है: http://wordpress.org/plugins/responsive-image-maps/
सरल और प्रभावी उपाय।
हां, मैं अभी भी इमेज मैप्स का उपयोग करता हूं, हालांकि मेरी आखिरी परियोजना में रैपेल का इस्तेमाल किया गया था। कुछ हासिल करना और चलाना बहुत आसान था।
http://dmitrybaranovskiy.github.io/raphael/
उनकी वेब साइट से:
Raphaël ['ræfeɪəl] एसवीजी डब्ल्यू 3 सी सिफारिश और ग्राफिक्स बनाने के लिए आधार के रूप में वीएमएल का उपयोग करता है। इसका मतलब यह है कि आपके द्वारा बनाई गई प्रत्येक चित्रमय वस्तु भी एक DOM ऑब्जेक्ट है, इसलिए आप जावास्क्रिप्ट ईवेंट हैंडलर संलग्न कर सकते हैं या बाद में उन्हें संशोधित कर सकते हैं। रापाल का लक्ष्य एक एडाप्टर प्रदान करना है जो ड्राइंग वेक्टर आर्ट को संगत क्रॉस-ब्राउज़र और आसान बना देगा।
अच्छा सरल छवि मानचित्र उदाहरण:
http://raphaeljs.com/
पूरी तरह से निकाल दूंगा और केवल गितुब का उदाहरण दूंगा।
http://raphaeljs.com/
लिंक अंततः टूट जाएगा जब डोमेन पंजीकरण की समय सीमा समाप्त लेकिन वहाँ एक फिर से सीधा उस पर अब हर कोई अपने लिंक अद्यतन करने के लिए एक मौका देने के लिए (दुनिया में) है। शायद @orschiro आप लेख में एक के साथ शुरू कर सकते हैं और एसओ में सहयोगी प्रयास यहाँ जोड़ सकते हैं।
जबकि मैं शायद ही कभी उन्हें आधुनिक वेबसाइटों पर उपयोग करते हुए देखता हूं, वे मेरे ग्राहकों द्वारा उनके ईमेल अभियानों में उपयोग किए जाते हैं। हालाँकि, मैंने देखा है, और पुष्टि की है कि मोबाइल उपकरणों पर समन्वय प्रणाली के साथ कुछ स्केलिंग मुद्दे हैं।
** मुझे पता है कि यह धागा पुराना है, मैं हाल ही में ईमेल अभियान के मुद्दे के लिए इस पर कुछ अतिरिक्त शोध कर रहा था और सोचा कि यह किसी और को लाइन में मदद कर सकता है।
इमेज मैप सपोर्ट पर litmus.com पर सवाल 04/2014 से है
इमेज मैप्स ALT टैग्स का समर्थन नहीं करते हैं, जब छवियों को लोड नहीं किया जाता है तो एएलटी टेक्स्ट कुछ क्लाइंट्स में प्रदर्शित नहीं होता है।
छवि मानचित्र का उपयोग आम तौर पर बड़ी छवियों का उपयोग करने के परिणामस्वरूप होता है जो वितरण की समस्या और बाधा डाउनलोड गति (विशेष रूप से मोबाइल उपयोगकर्ताओं के लिए महत्वपूर्ण) का कारण बन सकता है।
और सबसे महत्वपूर्ण बात यह है कि आईओएस (आईफोन / आईपैड) इमेज मैप लिंक को समन्वयित नहीं करता है जब छवि को स्केल किया जाता है जो लिंक को तोड़ता है। चूंकि iOS बड़ी संख्या में ईमेल खोलता है (iPhone + iPad = 38% http://emailclientmarketshare.com/ के माध्यम से ) यह महत्वपूर्ण है।
हाँ, यह अभी भी इस्तेमाल किया
एक छवि मानचित्र किसी उपयोगकर्ता को एक छवि के विभिन्न हिस्सों पर क्लिक करके कई पृष्ठों पर हाइपरलिंक करने की अनुमति देता है। छवि मानचित्र का उपयोग करके हम समान छवि के एक विशिष्ट क्षेत्र से संबंधित निर्देशांक की सूची बनाते हैं और हाइपरलिंक को एक अलग स्थान देते हैं। एक छवि के भीतर इसका उपयोग करके हम कई लिंक देते हैं।
html और html5 में इमेज मैप काफी दिलचस्प विकल्प है जिसका वे अभी भी उपयोग कर रहे हैं और मैं व्यक्तिगत रूप से इसे प्यार करता हूं इसलिए मुझे लगता है कि मोबाइल उपकरणों में issuse है मेरा मुद्दा स्केलिंग से संबंधित है
हाँ, मुझे इसका अनुभव है, लेकिन मैं html html5 में नामांकित एक छात्र हूँ और भिखारियों के लिए मैं w3chools लिंक का अनुसरण करना चाहूँगा
http://www.w3schools.com/html/html_images.asp
आपको इस [पृष्ठ] से बहुत कुछ मिलेगा