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 infó itt: Létrehozása egyszerű és hasznos CSS sprite | CSS Globe

CSS sprite-generátor

Elnézést a javaslatok mostanában

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 fel 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:


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 azon a

[tavenger5]

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

[vBET]

Nizza 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ók használata