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

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