2012-01-31 14 views
6

मीडियाविकि pictures सरल स्वरूपण के साथ एक निश्चित आकार पर सेट किया जा सकता है।स्क्रीन आकार के आधार पर MediaWiki छवियों का आकार बदलने के लिए स्वचालित रूप से कोई तरीका है?

हालांकि, tables ब्राउज़र/स्क्रीन आकार के आधार पर फ्लाई पर आकार बदल जाएगा।

छवियों को टेबल की तरह आकार बदलने के लिए बनाया जा सकता है?

(छवियाँ तालिकाओं के अंदर काम नहीं करता है!)

+1

मेरे पास एक ही प्रश्न था और नीचे दिए गए उत्तरों से देखा गया था कि आपके पास विभिन्न सापेक्ष आकारों के साथ कई चित्र नहीं हो सकते हैं। इसलिए मैंने एक मीडियाविकी विस्तार लिखा: https://www.mediawiki.org/wiki/Extension:AdaptiveThumb –

+1

@ThorstenStaerk: सुझाव है कि आप इसे एक नए उत्तर के रूप में जोड़ें! – Wikis

उत्तर

4

मेरे पास एक ही प्रश्न था और ऊपर दिए गए उत्तरों से देखा गया था (अब वे नीचे हैं) कि आपके पास विभिन्न सापेक्ष आकारों के साथ कई चित्र नहीं हो सकते हैं। इसलिए मैंने इसे मीडियाविकी एक्सटेंशन लिखा: http://mediawiki.org/wiki/Extension:AdaptiveThumb

1

संक्षेप में, नहीं, ऐसा करने के लिए कोई आसान तरीका है। यह कल्पनात्मक रूप से विचित्र जावास्क्रिप्ट के समूह के साथ किया जा सकता है, लेकिन मुझे इस बात की जानकारी नहीं है कि यह कोशिश कर रहा है और कार्यान्वयन तुच्छ नहीं होगा।

+1

आपको वहां मिलेगा यदि यह आपके लिए काम नहीं करता है तो बग की रिपोर्ट करने के लिए कहां :) –

0

संक्षिप्त उत्तर नहीं है। लंबा जवाब यह है कि आपको जावास्क्रिप्ट लिखना होगा जो उपयोगकर्ता के स्क्रीन रिज़ॉल्यूशन को निर्धारित कर सकता है और उसे कुकी में स्टोर कर सकता है .. इसे सामान्य.जेएस में सबसे अधिक संभवतः किया जाना चाहिए ताकि एक अरब उपयोगकर्ता में अपवाद के साथ जो कभी भी साइट पर नहीं गया है और गतिशील रूप से आकार वाली छवि के साथ सीधे पृष्ठ पर नेविगेट करने का प्रबंधन करता है (मुझे उम्मीद है कि आप अपने मुख्य पृष्ठ पर ऐसा कुछ नहीं डालने वाले हैं), वह जानकारी पहले से ही वहां होगी जब वे पृष्ठ। पृष्ठ {{#expr:(File height * % of screen you want it to take)*(screen height)}}x{{#expr:(File width * % of screen you want it to take)*(screen width)}}px होने के लिए आकार को सेट करने के लिए उन चर का उपयोग कर सकता है। मेरे विकी के मेजबान का कहना है कि वह एक नया एक्सटेंशन लिखने की प्रक्रिया में है जो <div style="overflow-x: scroll; width: {{#expr:(File width * % of screen you want it to take)*(screen width)}}px;"> सेक्शन के अनुरोध के हिस्से के रूप में ऐसा करने में सक्षम हो सकता है। अगर आपको मेरे सामने कुछ और मिलता है, तो कृपया इस पोस्ट को अपडेट करें ताकि मैं इसे देख सकूं। धन्यवाद। : डी

+0

आपको कुकी में उपयोगकर्ता के स्क्रीन रिज़ॉल्यूशन को लिखने की आवश्यकता क्यों होगी?यह कुछ ऐसा है जो मक्खी पर रहता है और बदलाव करता है। एक सेकंड यह 1400 पीएक्स है, दूसरा दूसरा यह 600 पीएक्स हो सकता है। – kiradotee

3

गतिशील आकार बदलने के रूप में ब्राउज़र आकार दिया जाता है: सीएसएस फ़ाइल की शुरुआत में अगली पंक्ति रखो:। \ खाल \ आम \ shared.css

img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } 

प्रत्येक आकार बदलने योग्य छवि किया जाएगा अंदर एक <div></div>

<div>[[Image:MyImage.png]]</div> 

और पढ़ें यहाँ रखा: http://www.mediawiki.org/wiki/Help_talk:Images

1

आप एक सीएसएस हैक स्थापित कर सकते हैं।

img[alt=~w100] { width: 100% !important; height: auto !important; } 

ध्यान दें कि आप के बाद से:

MediaWiki कि चर में एक विशेष स्ट्रिंग जैसे w100 या resizeable आप सीएसएस के साथ तत्व को लक्षित करने की अनुमति देगा, आप यहां आल्ट-पाठ जैसे कुछ चर शामिल करने के लिए अनुमति देता है सीएसएस में alt का उपयोग करने के लिए का उपयोग नहीं कर रहा है (क्योंकि मेगावाट आकार को तत्व शैली के रूप में सेट करता है), इसे जितना संभव हो सके से बचा जाना चाहिए और अंतिम उपाय के रूप में उपयोग किया जाना है।

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

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