Bandeiras de carga com um sprite css

[tavenger5]

Tenho feito experiências com sprites css recentemente e descobriram que ela pode reduzir o tempo de chamadas do servidor de forma significativa. Com eles todas as bandeiras podem ser carregados de uma só vez, em vez de uma após a outra. Isso efetivamente eliminar 52 chamadas do servidor. Infelizmente não há nenhuma maneira fácil para converter as bandeiras em um sprite desde as tags img são criadas dinamicamente no código.

Há algumas informações aqui: Criando Sprites fácil e útil CSS | Css Globo

CSS Sprites gerador

Desculpe por todas as sugestões recentemente

Edit - Eu acho que encontrei uma maneira de fazê-lo. O nome do sprite só tem que corresponder ao nome da bandeira / linguagem. Alguns edição de 'vbenterprisetranslator_flag "deve funcionar.

Por isso, seria algo parecido com isto: (veja a mudança 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]

Vamos olhar mais de perto nesta idéia Neste momento temos que aprender sobre css sprite e isso realmente pode melhorar o desempenho (browsers são cache de imagens de qualquer maneira). Pedido posto em consideração

[tavenger5]

btw, aqui é o que eu usei apenas para implementá-lo (eu não uso todos os 52, mas as 13 mais comuns)

A mudança para vbenterprisetranslator_flag acima (sprite pode ser renomeado o que for - eu usei "bandeiras")

Esta imagem:


Isso somado 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 eu entendo destacando idioma ativo não vai mais funcionar?

Vamos olhar mais atento sobre esse

[tavenger5]

idioma ativo ainda destaca - que usa um estilo onde sprites usar uma classe

[vBET]

Agradável Nós definitivamente irá verificá-lo. De qualquer forma - primeiro temos muito trabalho com o movimento de melhorias de desempenho para vBET4.x vBET3.x que parece ser mais importante agora. Mas seja calma - temos o seu pedido na lista TODO

[Snake]

Eu tenho este semi-trabalho, mas todas as minhas imagens são a mesma bandeira em primeiro lugar, na sprite.

[vBET]

Feito. Será suportada na próxima versão - para todos os lugares onde as bandeiras são utilizadas