Load flamuj me sprite css

[tavenger5]

Unë kam qenë eksperimente me sprites css kohët e fundit dhe ka gjetur se ajo mund të shkurtuar në thirrje në mënyrë të konsiderueshme server. Me të gjithë ata e flamujve mund të ngarkohet në një herë në vend të një pas një. Kjo do efektive për të eliminuar 52 thirrje server. Për fat të keq nuk ka asnjë mënyrë e lehtë për të kthyer flamuj në një sprite që tags img janë ndërtuar dinamike në kodin.

Ka disa info here: Krijimi i lehtë dhe më e dobishme sprites CSS | Css Globe

CSS sprites gjenerator

Na vjen keq për të gjitha sugjerimet kohët e fundit

Edit - Unë mendoj se kam gjetur një mënyrë për të bërë atë. Emri i sprite vetëm ka për të korrespondojnë me emrin e flamurit / gjuhë. Disa redaktimin e "vbenterprisetranslator_flag 'duhet të punojnë.

Pra, kjo do të dukej diçka si kjo: (shiko ndryshimin në 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]

Ne do të shohim më në këtë ide Në këtë moment kemi për të mësuar rreth CSS sprite dhe e bën atë me të vërtetë mund të përmirësojë performancën (shfletuesit janë caching imazhe anyway). Kërkesë vënë në konsideratë

[tavenger5]

btw, këtu është ajo që unë vetëm përdorur për të zbatuar atë (unë nuk e përdorin të gjithë 52, por 13 më të zakonshme)

Ndryshimi për të vbenterprisetranslator_flag më lart (sprite mund të riemërohet çdo gjë - I përdorur "flamujt")

Ky imazh:


Kjo shtuar në shtesë 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]

Me sa kuptoj unë theksuar gjuhën aktive nuk do të funksionojë më?

Ne do të shohim nga afër se

[tavenger5]

Gjuha ende aktive thekson - që përdor një stil ku sprites përdorin një klasë

[vBET]

I mirë Ne përfundimisht do të kontrollojë atë. Gjithsesi - i parë që kemi shumë punë me lëviz përmirësimet e performancës nga vBET4.x të vBET3.x e cila duket të jetë më e rëndësishme tani. Por të jetë i qetë - ne kemi kërkesën tuaj në listën e TODO

[Snake]

Unë kam këtë gjysmë të punës, por të gjitha imazhet e mia janë të njëjtin flamur të parë, në Sprite.

[vBET]

Done. Do të mbështetet në lirimin e ardhshëm - për të gjitha vendet ku flamujt janë përdorur