Load flag med en css sprite

[tavenger5]

Jeg har været eksperimenteret med css sprites sidst og fandt, at det kan skære ned på serveren opkald betydeligt. Med dem alle flagene, kan læsses på en gang i stedet for den ene efter den anden. Dette vil reelt fjerne 52 server opkald. Desværre er der ingen nem måde at konvertere flag til en sprite da img tags dynamisk er indbygget i koden.

Der er noget info her: Oprettelse nem og nyttig CSS Sprites | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites generator (http://csssprites.com/)

Sorry for alle de forslag sidst:)

Edit - jeg tror jeg har fundet en måde at gøre det. Navnet på Sprite bare er nødt til at svare til navnet på det flag / sprog. Nogle redigering af "vbenterprisetranslator_flag" bør arbejde.

Så det ville se nogenlunde sådan her: (se ændringen i 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]

Vi vil se nærmere på denne idé:) I øjeblikket er vi nødt til at lære om css Sprite og gør det virkelig kan forbedre ydeevnen (browsere er caching billeder alligevel). Anmod sat i betragtning:)

[tavenger5]

BTW, her er hvad jeg lige har brugt til at gennemføre det (Jeg bruger ikke alle 52, men de 13 mest almindelige)

Ændringen til vbenterprisetranslator_flag ovenfor (sprite kan omdøbes hvad som helst - jeg har brugt "flag")

Dette billede:
http://files.cellphoneforums.net/images/flags.png

Det tilføjes til 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]

Som jeg forstår at fremhæve aktivt sprog vil ikke arbejde mere?

Vi vil se tæt på det:)

[tavenger5]

aktivt sprog stadig højdepunkter - der bruger en stil, hvor sprites bruge en class

[vBET]

Nice:) Vi definitivt vil tjekke det. Anyway - Først har vi meget arbejde med at flytte forbedringer af indsatsen fra vBET4.x til vBET3.x der synes at være mere vigtig lige nu. Men vær rolig - vi har din anmodning på TODO liste:)

[Snake]

Jeg har denne semi-arbejde, men alle mine billeder er de samme første flag, i Sprite.

[vBET]

Udført. Vil blive understøttet i næste udgave - for alle steder, hvor flag er brugt:)