Flagi ładować css sprite

[tavenger5]

Byłem eksperymentować z CSS sprites ostatnio i stwierdził, że może to obniżyć wywołania serwera znacznie. Wraz z nimi wszystkie flagi można załadować na raz, zamiast jeden po drugim. To skutecznie eliminuje 52 serwer połączeń. Niestety nie ma łatwy sposób konwertować flagi na ikonki od img znaczniki są dynamicznie zbudowany w kodzie.

Są jakieś info tutaj: Tworzenie łatwe i użyteczne Sprites CSS | Css Globe

CSS Sprites generator

Przepraszamy za wszystkie sugestie ostatnio

Edit - Myślę, że znalazłem sposób aby to zrobić. Nazwa sprite tylko musi odpowiadać nazwę flagi / języka. Niektóre edycji "vbenterprisetranslator_flag" powinno działać.

Tak będzie wyglądał mniej więcej tak: (patrz zmiany w 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]

Przyjrzymy się ten pomysł W tej chwili musimy się nauczyć o css sprite i czy naprawdę może poprawić wydajność (przeglądarek buforowanie obrazów w każdym razie). Wniosek umieścić pod uwagę

[tavenger5]

btw, o to, co właśnie stosowane do jego realizacji (nie używam wszystkich 52, ale 13 najbardziej popularne)

Zmiany vbenterprisetranslator_flag powyżej (ikonki można zmienić, co - użyłem "flagi")

Ten obraz:


To dodany do dodatkowych 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 rozumiem, podkreślając aktywny język nie będą już działać?

Przyjrzymy blisko tego

[tavenger5]

aktywny język wciąż podkreśla - że wykorzystuje styl, w którym duchy użyć klasy

[vBET]

Nicea My ostatecznie będzie to sprawdzić. W każdym razie - po pierwsze mamy dużo pracy z ruchomymi wydajności od vBET4.x do vBET3.x co wydaje się być ważniejsze teraz. Ale być spokojny - mamy swój wniosek na liście rzeczy do zrobienia

[Snake]

Mam tego pół-pracy, ale wszystkie moje obrazy są takie pierwszą flagę, w ikonki.

[vBET]

Gotowe. Będą obsługiwane w następnej wersji - na wszystkich miejscach, gdzie używane są flagi