Load vlae met 'n CSS sprite

[tavenger5]

Ek is eksperimenteer met CSS sprites die afgelope tyd en gevind dat dit kan afgekap is op die bediener verkry aansienlik. Saam met hulle kan al die vlae op een slag in plaas van die een na die ander gelaai word. Dit sal effektief 52 bediener oproepe uit te skakel. Ongelukkig is daar geen maklike manier om die vlae te omskep in 'n sprite sedert die img tags dinamiese gebou in die kode.

Daar is 'n paar info hier: Skep maklik en nuttige CSS sprites | CSS Globe

CSS sprites generator

Jammer vir al die voorstelle wat die afgelope tyd

Redigeer - ek dink ek het gevind dat 'n manier om dit te doen. Die naam van die sprite het net om te stem ooreen met die naam van die vlag / taal. Sommige redigering van 'vbenterprisetranslator_flag moet werk.

Dit sou iets soos hierdie lyk: (sien die verandering in img 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]

Ons sal nader aan hierdie idee Op die oomblik het ons om te leer oor css sprite en doen dit regtig kan prestasie te verbeter (blaaiers caching beelde in elk geval). Versoek sit in ag

[tavenger5]

BTW, hier is wat ek nou net gebruik om dit te implementeer (ek gebruik nie al 52, maar die 13 mees algemene)

Die verandering na vbenterprisetranslator_flag bo (sprite kan alles wat hernoem word - ek gebruik "vlae")

Hierdie beeld:


Dit het bygevoeg om ekstra css:

.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]

Soos ek verstaan die klem op aktiewe taal sal nie meer werk nie?

Ons sal nou kyk op daardie

[tavenger5]

aktiewe taal beklemtoon steeds - wat gebruik maak van 'n styl waar sprites' n klas gebruik

[vBET]

Nice Ons finaal sal check. In elk geval - die eerste keer het ons baie werk met die beweeg van die prestasie verbeterings van vBET4.x vBET3.x wat blyk meer belangrik nou. Maar wees rustig - ons het jou versoek op TODO lys

[Snake]

Ek het hierdie semi-werk, maar al my beelde is die eerste vlag, in die sprite.

[vBET]

Gedoen het. Ondersteun sal word in die volgende release - vir al die plekke waar vlae gebruik word