Навантаження прапори з 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]

Готово. Буде підтримуватися в наступній версії - для всіх місць, де прапори використовуються:)