PDA

View Full Version: Schon erledigt Laden Flaggen mit einem css sprite



tavenger5
17-03-10, 16:54
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 (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites Generator (http://csssprites.com/)

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
17-03-10, 19:50
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 in Betracht gesagt:)

tavenger5
17-03-10, 20:57
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:
http://files.cellphoneforums.net/images/flags.png

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
17-03-10, 21:31
Als ich hervorheben aktive Sprache verstehen nicht mehr funktionieren?

Wir werden die Lupe auf das:)

tavenger5
17-03-10, 22:13
aktive Sprache noch unterstreicht - das ist ein Stil verwendet, wo Sprites eine Klasse verwenden

vBET
19-03-10, 02:07
Nice:) Wir endgültig wird es prüfen. 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
29-04-10, 23:19
Ich habe diese semi-arbeiten, aber alle meine Bilder sind die gleichen erste Flagge, in der Sprite.

vBET
11-06-10, 01:22
Fertig. Will in der nächsten Version unterstützt werden - für alle Orte, an denen Fahnen verwendet werden:)

Automatic Translations (Powered by Google, Microsoft®, Yandex, SDL Language Cloud, IBM Watson and Apertium):
AfrikaansAlbanianArabicBelarusianBulgarianCatalanChineseCroatianCzechDanishDutchEnglishEstonianFilipinoFinnishFrenchGalicianGermanGreekHaitian CreoleHebrewHindiHungarianIcelandicIndonesianIrishItalianJapaneseKoreanLatvianLithuanianMacedonianMalayMalteseNorwegianPersianPolishPortugueseRomanianRussianSerbianSlovakSlovenianSpanishSwahiliSwedishTaiwaneseThaiTurkishUkrainianVietnameseWelshYiddish
Translated to other languages supported by vB Enterprise Translator 4.10.1