Нагрузка флаги с CSS спрайтов

[tavenger5]

Я экспериментировал с спрайты CSS последнее время, и обнаружили, что она может сократить сервер вызывает значительно. С ними все флаги могут быть загружены одновременно, а не один за другим. Это позволило бы эффективно устранить 52 обращений к серверу. К сожалению, нет простой способ преобразования флаги в спрайт с IMG теги динамически построенный в коде.

Там какая-то информация здесь: Создание простой и полезный CSS Sprites | CSS глобус

CSS Sprites генератор

Извините за все предложения, в последнее время

Правка - Я думаю, я нашел способ сделать это. Название спрайтов просто должен соответствовать имени флага / языка. Некоторые редактирование "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]

Готово. Будет поддерживаться в следующей версии - для всех мест, где флаги используются