एक सीएसएस प्रेत के साथ लोड झंडे

[tavenger5]

मैं सीएसएस sprites के साथ किया गया है हाल ही में प्रयोग किया और पाया है कि यह नीचे सर्वर कॉल पर काफी में कटौती कर सकते हैं. उनके साथ के सभी झंडे बजाय एक के बाद एक ही बार में लोड किया जा सकता है. यह प्रभावी रूप से 52 सर्वर कॉल को समाप्त होगा. दुर्भाग्य से वहाँ कोई आसान तरीका है img टैग के बाद से गतिशील कोड में बनाया जाता है एक प्रेत में झंडे कन्वर्ट.

वहाँ कुछ जानकारी यहाँ है: आसान और उपयोगी सीएसएस sprites बनाना | सीएसएस ग्लोब

सीएसएस sprites जनरेटर

हाल ही में सभी सुझावों के लिए क्षमा करें

संपादित करें - मुझे लगता है कि मैं एक तरीका यह करना पाया गया. प्रेत के नाम पर सिर्फ झंडा / भाषा के नाम के अनुरूप है. 'Vbenterprisetranslator_flag' के कुछ संपादन काम करना चाहिए.

तो यह कुछ इस तरह दिखेगा: (आइएमजी src में परिवर्तन देखें)

<a rel="novbseo" href="$url" <if condition="$code==$vbulletin->options['vbenterprisetranslator_forumlanguage']">onclick="document.cookie = 'vbet_language=; expires=Thu, 01-Jan-1970 00:00:01 GMT; path=/'; return true;"</if>><img class="sprite $code" src="/clear.gif" alt="$name" <if condition="$vbulletin->options['vbenterprisetranslator_flags_noborder'] && !$highlight">border="0"</if><if condition="$highlight">border="1" style="border-color: yellow"</if>/></a>

[vBET]

हम इस विचार पर करीब दिखेगा इस समय हम सीएसएस प्रेत के बारे में जानने के लिए और क्या यह सच में प्रदर्शन में सुधार कर सकते हैं (ब्राउज़रों छवियों कैशिंग कर रहे हैं वैसे भी) है. अनुरोध विचार में डाल दिया

[tavenger5]

btw, यहाँ है कि मैं क्या सिर्फ इसे लागू किया (मैं सभी 52 का उपयोग नहीं करते, लेकिन 13 सबसे आम है)

ऊपर vbenterprisetranslator_flag परिवर्तन (प्रेत जो भी नाम दिया जा सकता है - मैं का इस्तेमाल किया 'झंडे')

इस छवि:


यह अतिरिक्त सीएसएस में जोड़ा:

.sprite {background:url(/images/flags.png); width: 16px; height: 11px;}

	.ar {background-position: -0px -0px;}
	.zh-CN {background-position: -17px -0px;}
	.en {background-position: -34px -0px;}
	.fr {background-position: -51px -0px;}
	.de {background-position: -68px -0px;}
	.it {background-position: -85px -0px;}
	.ja {background-position: -102px -0px;}
	.ko {background-position: -119px -0px;}
	.pl {background-position: -136px -0px;}
	.pt {background-position: -153px -0px;}
	**** {background-position: -170px -0px;}
	.es {background-position: -187px -0px;}
	.nl {background-position: -204px -0px;}

[vBET]

जैसा कि मैं सक्रिय भाषा हाइलाइटिंग समझते हैं अब और काम नहीं करेगा?

हम उस पर करीब दिखेगा

[tavenger5]

सक्रिय भाषा अभी भी प्रकाश डाला गया है कि एक शैली का उपयोग करता है जहां sprites एक वर्ग का उपयोग

[vBET]

अच्छा हम निश्चित की जाँच करेगा. वैसे भी - पहले हम vBET4.x से vBET3.x जो और अधिक महत्वपूर्ण अभी लगता है प्रदर्शन में सुधार के साथ बहुत काम है. लेकिन शांत हो - हम TODO सूची पर आपके अनुरोध है

[Snake]

मैं इस अर्द्ध काम कर रहा है, लेकिन अपने सभी छवियों को एक ही पहले ध्वज प्रेत में कर रहे हैं.

[vBET]

हो गया. अगली रिलीज में समर्थित हो जाएगा - सभी स्थानों पर जहां झंडे का उपयोग किया जाता है के लिए