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 (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS sprites gjenerator (http://csssprites.com/)

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:
http://files.cellphoneforums.net/images/flags.png

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]

Nice:) 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 përdoren flamujt:)