Laden Flaggen mit einem css sprite

[tavenger5]

Ich habe mit CSS-Sprites wurden in letzter Zeit zu experimentieren und fand, dass sie reduzieren auf Server Telefonate beträchtlich. Mit ihnen allen der Fahnen konnten auf einmal anstatt nacheinander geladen werden. Dies würde effektiv zu beseitigen 52 Server ruft. Leider gibt es keine einfache Möglichkeit, die Flaggen in einem Sprite konvertieren, da die img-Tags dynamisch in den Code eingebaut werden.

Es gibt ein paar Infos hier: Erstellen einfach und nützlich CSS Sprites | Css Globe

CSS Sprites Generator

Sorry für alle Vorschläge in letzter Zeit

Edit - Ich glaube, ich fand einen Weg, es zu tun. Der Name des Sprites muss nur der Name der Flagge / Sprache entsprechen. Einige Bearbeitung von "vbenterprisetranslator_flag 'sollte funktionieren.

So wäre es etwa so aussehen: (siehe die Änderung in 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]

Wir werden schauen näher auf diese Idee In diesem Moment haben wir über css Sprite lernen und ist es wirklich die Leistung verbessern kann (Browser-Caching Bilder sowieso). Fordern Sie berücksichtigt setzen

[tavenger5]

btw, hier ist was ich gerade verwendet werden, um sie umzusetzen (ich weiß nicht alle 52, aber die 13 am häufigsten)

Der Wechsel zu vbenterprisetranslator_flag oben (Sprite können, was umbenannt werden - ich 'flags')

Dieses Bild:


Diese zusätzliche 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]

Als ich hervorheben aktive Sprache verstehen nicht mehr funktionieren?

Wir genauen Blick auf die

[tavenger5]

aktive Sprache noch unterstreicht - das ist ein Stil verwendet, wo Sprites eine Klasse verwenden

[vBET]

Nizza Wir endgültig es überprüft. Anyway - zuerst müssen wir viel Arbeit mit sich bewegenden Performance-Verbesserungen von vBET4.x zu vBET3.x die werden jetzt wichtiger zu sein scheint. Aber ruhig sein - wir haben Ihre Anfrage auf TODO-Liste

[Snake]

Ich habe diese semi-arbeiten, aber alle meine Bilder sind die gleichen erste Flagge, in der Sprite.

[vBET]

Fertig. Will in der nächsten Version unterstützt werden - für alle Orte, an denen Fahnen werden