Заредете знамена с CSS спрайт

[tavenger5]

Съм експериментират с спрайтове CSS напоследък и е установено, че тя може да се намали на сървъра разговори значително. С тях всички знамена могат да бъдат натоварени наведнъж, вместо един след друг. Това би могло ефективно да елиминират 52 сървъра разговори. Съжаление, че няма лесен начин за преобразуване на знамената в спрайт, тъй като IMG тагове, които са динамично построен в кода.

Има някаква информация тук: Създаване на лесно и полезно CSS Sprites | Css Globe

CSS Sprites генератор

Съжалявам за всички предложения напоследък

Edit - Мисля, че открих начин да го направя. Името на Sprite просто трябва да съответства на името на флага / език. Някои редактирането на "vbenterprisetranslator_flag" трябва да работи.

Така ще изглежда нещо като това: (виж промяната в 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]

Ние ще изглежда по-близо тази идея В този момент ние трябва да се научат за CSS спрайт и тя наистина може да подобри производителността (браузъри кеширане на изображения така или иначе). Искане сложи предвид

[tavenger5]

между другото, тук е това, което аз току-що да го приложат (не използвам всичките 52, но 13-те най-общи)

Промяната vbenterprisetranslator_flag по-горе (спрайт, могат да бъдат преименувани каквото и - "знамена")

Това изображение:


Това добавя допълнително 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]

Както разбирам подчертава активния език няма да работи вече?

Ние ще погледнете отблизо на това

[tavenger5]

активния език все още се подчертава, че използва стил, където спрайтове използвате клас

[vBET]

Хубав Ние окончателно ще го проверя. Както и да е - първо имаме много работа с движещи се подобрение на ефективността от vBET4.x vBET3.x, което изглежда да бъде по-важно в момента. Но бъдете спокойни - ние имаме Вашето запитване TODO списък

[Snake]

Аз имам този полу-работни, но всичките ми снимки са един и същ първото знаме в спрайт.

[vBET]

Готово. Ще бъдат подкрепени в следващата версия - за всички места, където се използват знамена