Zatížení vlajky s css sprite

[tavenger5]

Byl jsem experimentoval s přízraky css v poslední době, a zjistili, že je možné snížit na serveru volání výrazně. S nimi by všechny vlajky být načten najednou místo jednoho po druhém. To by účinně eliminovat 52 Server zavolá. Bohužel neexistuje žádný snadný způsob, jak převést vlajky na skřítka, protože img tagy jsou dynamicky postaven v kódu.

Je tu nějaké info zde: Vytvoření jednoduché a užitečné CSS Skřítci | css Globe

CSS Skřítci generátor

Omlouváme se za všechny návrhy, v poslední době

Edit - Myslím, že jsem našel způsob, jak to udělat. Název skřítka prostě musí odpovídat jménu vlajky / jazyka. Některé úpravy "vbenterprisetranslator_flag" by měl fungovat.

Takže to bude vypadat nějak takto: (viz změna 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]

Podíváme se blíže na tuto myšlenku V tuto chvíli se musíme učit o CSS Sprite a to skutečně může zlepšit výkon (cache prohlížeče obrázků stejně). Žádost do úvahy

[tavenger5]

BTW, tady je to, co jsem právě používá, aby jej (Nechci používat všech 52, ale 13 nejčastějších)

Změna vbenterprisetranslator_flag výše (sprite může být přejmenován cokoliv - jsem "flags")

Tento obrázek:


Toto se přidalo k další 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]

Jak tomu rozumím zvýraznění aktivní jazyk nebude fungovat už?

Podíváme se na to blízko

[tavenger5]

aktivní jazyk ještě zdůrazňuje -, který používá styl, kde skřítci použití třídy

[vBET]

Pěkný Jsme se konečně podívat. Mimochodem - první máme hodně práce se stěhováním zlepšení výkonu od vBET4.x do vBET3.x která se zdá být mnohem důležitější právě teď. Ale buďte klidný - musíme váš požadavek na seznamu TODO

[Snake]

Mám částečně pracovní, ale všechny moje obrázky jsou stejné první vlajka, v sprite.

[vBET]

Hotovo. Budou podporovány v další verzi - pro všechna místa, kde se používají vlajky