Load zastave s css Sprite

[tavenger5]

Bil sem eksperimentirati z sprites css v zadnjem času, in ugotovila, da lahko zmanjšati na strežniku klice bistveno. Z njimi bi se lahko vse zastave naložen naenkrat, namesto enega za drugim. S tem bi dejansko odpravili 52 server klice. Na žalost ne obstaja enostaven način za pretvorbo zastave v Sprite, saj so img oznake dinamično zgrajen v kodo.

Tu je nekaj info tukaj: Ustvarjanje enostaven in uporaben sprites CSS | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

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

Žal mi je za vse predloge v zadnjem času:)

Edit - Mislim, da sem našel način, da to storite. Ime sprite samo mora ustrezati ime zastave / jezika. Nekateri urejanje "vbenterprisetranslator_flag" bi morale delovati.

Torej bi bilo videti nekako takole: (glej spremembo v 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]

Mi bo videti bližje na to idejo:) V tem trenutku imamo, da spoznajo css Sprite in ali lahko resnično izboljšanje učinkovitosti (brskalniki so caching slike nekako). Zahteva naj upošteva:)

[tavenger5]

btw, tukaj je tisto, kar sem se uporabljajo za njeno izvajanje (ne uporabljam vseh 52, ampak 13 najpogostejših)

Sprememba vbenterprisetranslator_flag zgoraj (Sprite se lahko karkoli preimenovali - Uporabil sem "zastave")

Ta slika:
http://files.cellphoneforums.net/images/flags.png

To je še dodatno 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]

Kot razumem, poudarjajo aktivni jezik, ne bo več dela?

Bomo blizu pogled na to:)

[tavenger5]

aktivni jezik še vedno poudarja -, ki uporablja slog, kjer sprites uporabo razred

[vBET]

Nice:) bomo dokončno preveril. Kakorkoli že - prvi imamo veliko dela s premičnimi izboljšave od vBET4.x do vBET3.x, ki se zdi bolj pomembno, prav zdaj. Toda bodite mirni - smo vašo zahtevo na seznamu TODO:)

[Snake]

Imam to semi-delo, ampak vse moje slike so enaki prvo zastavo, v Sprite.

[vBET]

Končano. Bo treba podpreti v naslednji izdaji - na vseh mestih, kjer se uporabljajo zastave:)