Töltsön zászlók a css sprite

[tavenger5]

Már kísérletezett css sprite utóbbi időben, és megállapította, hogy képes csökkenteni a szerver hívások jelentős. Velük minden zászlókat lehetett betölteni egyszerre, hanem egymás után. Ez gyakorlatilag megszünteti 52 szerver hívások. Sajnos nincs egyszerű módja annak, átalakítani a zászlók egy sprite, mivel az img tag-ek dinamikusan épül a kódot.

Van valami info itt: Creating egyszerű és hasznos CSS sprite | Css Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS sprite-generátor (http://csssprites.com/)

Elnézést a javaslat az utóbbi időben:)

Szerkesztés - Azt hiszem, megtaláltam a módját, hogy csináld. A név a szellem csak az felel meg a nevét a zászló / nyelv. Néhány szerkesztő a "vbenterprisetranslator_flag" működnie kell.

Tehát ez valahogy így néz ki: (lásd a változást 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 fog kinézni szorosabb ezt a gondolatot:) Ebben a pillanatban meg kell tanulni css sprite, és nem is nagyon megnöveli a teljesítményt (böngésző caching képek egyébként). Kérés helyezett venni:)

[tavenger5]

BTW, itt van, amit csak használni kell végrehajtaniuk (nem használom mind az 52, de a 13 leggyakoribb)

A változás vbenterprisetranslator_flag fenti (sprite lehet átnevezni, amit - Régen "zászló")

Ez a kép:
http://files.cellphoneforums.net/images/flags.png

Ez a hozzáadott extra 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]

Ahogy értem kiemelve aktív nyelv nem működik már?

Mi fog kinézni közel az adott:)

[tavenger5]

Aktív nyelv is kiemeli -, amely egy stílust, ahol sprite használata osztály

[vBET]

Szép:) Mi véglegesen ellenőrzi azt. Egyébként - az első már sok munkát mozgó teljesítménybeli fejlesztéseket a vBET4.x a vBET3.x tűnő sokkal fontosabb most. De nyugodt - már a kérelmét a TODO listán:)

[Snake]

Én ezt a félig működik, de minden képeim egyforma első zászló, a sprite.

[vBET]

Kész. Támogatást kap a következő kiadásban - minden helyen, ahol zászlókat használnak:)