Bandeiras de carga cun sprite css

[tavenger5]

Fixen experiencias con sprites css recentemente e descubriron que pode reducir o tempo de chamada do servidor de forma significativa. Con eles todas as bandeiras poden cargar dunha vez, no canto de unha despois da outra. Iso efectivamente eliminar 52 chamadas do servidor. Desafortunadamente non hai ningunha forma fácil para converter as bandeiras nun sprite desde as etiquetas img son creadas dinamicamente no código.

Hai algunha información en: Creando Sprites fácil e útil CSS | CSS Globo

CSS Sprites xerador

Desculpe por todas as suxestións recentemente

Edit - Eu creo que atopei un xeito de facelo. O nome do sprite só tes que corresponden ao nome da bandeira / linguaxe. Algúns edición de 'vbenterprisetranslator_flag "debe funcionar.

Por iso, sería algo coma isto: (ver o cambio 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]

Imos mirar máis de preto esta idea Neste momento temos que aprender sobre css sprite e iso realmente pode mellorar o rendemento (navegadores son caché de imaxes de calquera xeito). Solicitude posto en consideración

[tavenger5]

btw, aquí é o que eu usei só para implementar lo (eu non uso todos os 52, pero as 13 máis comúns)

O cambio para vbenterprisetranslator_flag enriba (sprite pode ser renomeado o que sexa - eu usei "bandeiras")

Esta imaxe:


Isto sumado a 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]

Como podo entender destacando idioma activo non vai máis funcionar?

Imos mirar máis atento sobre ese

[tavenger5]

idioma activo aínda destaca - que usa un estilo onde sprites usar unha clase

[vBET]

Agradable Nós sempre ha verificalo. En calquera caso - primeiro temos moito traballo co movemento de melloras de rendemento para vBET4.x vBET3.x que parece ser máis importante agora. Pero sexa tranquila - temos a súa solicitude na lista TODO

[Snake]

Eu teño este semi-traballo, pero as miñas imaxes son a mesma bandeira en primeiro lugar, na sprite.

[vBET]

Feito. Será compatible a próxima versión - para todos os lugares onde as bandeiras son utilizadas