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: Creating lihtne ja kasulik CSS haldjaid | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS haldjaid generaator (http://csssprites.com/)

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:
http://files.cellphoneforums.net/images/flags.png

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 lähedal selle:)

[tavenger5]

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

[vBET]

Nice:) 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 nimekiri:)

[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 lipud on kasutatud:)