Load lipud css sprite

[tavenger5]

Olen olnud katsetavad css sprites viimasel ajal ja leidis, et see võib vähendada server nõuab oluliselt. Nendega kõik lipud võiks laaditud korraga ühe asemel teise järel. See tõhusalt kõrvaldada 52 server nõuab. Kahjuks ei ole lihtne konverteerida lipud arvesse sprite alates img sildid on dünaamiliselt ehitatud koodi.

Seal on mõned info siin: Loomine lihtne ja kasulik CSS haldjaid | CSS Globe

CSS haldjaid generaator

Vabandame kõiki ettepanekuid viimasel ajal

Edit - Ma arvan, märkasin, kuidas seda teha. Nimi sprite lihtsalt peab vastama nime lipp / keel. Mõned toimetamine "vbenterprisetranslator_flag" peaks toimima.

Nii et see näeks välja midagi sellist: (vt muutus 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]

Me vaatame lähemalt selle idee Praegu on meil õppida css sprite ja see tõesti võib parandada tulemuslikkuse (brauserid on caching pilte niikuinii). Soov panna arvesse

[tavenger5]

btw, siin on, mida ma kasutada seda rakendada (ma ei kasuta kõik 52, aga 13 kõige tavalisem)

Muutus vbenterprisetranslator_flag eespool (sprite saab nimeks mis iganes - ma kasutada "lippe")

See pilt:


See lisatakse extra 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]

Nagu ma aru saan esile aktiivse keele ei tööta enam?

Me vaatame peaaegu et

[tavenger5]

aktiivse keele veel rõhutab -, mis kasutab stiilis, kus sprites kasutada klassi

[vBET]

Kena Me lõplikult on seda kontrollida. Igatahes - esimene on meil palju tööd liikuvate jõudlustäiustusi alates vBET4.x et vBET3.x mis tundub olla tähtsam just nüüd. Aga olge rahulikud - meil on oma taotluse TODO nimekirja

[Snake]

Mul on see pooleldi töötab, kuid kõik mu pildid on samad esimese lipp, sprite.

[vBET]

Valmis. Toetatakse järgmise release - igal pool, kus lippu kasutatakse