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

[tavenger5]

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

Там какая-то информация здесь: Создание простой и полезный CSS Sprites | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites генератора (http://csssprites.com/)

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

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

Это фотография:
http://files.cellphoneforums.net/images/flags.png

Это добавило к дополнительным 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]

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