Ievietojiet karogi ar css sprite

[tavenger5]

Es esmu eksperimentējot ar css sprites pēdējā laikā, un konstatēja, ka tas var samazināt par servera izsaukumus ievērojami. Ar viņiem visiem karogiem var tikt iekrautas uzreiz, nevis vienu pēc otra. Tas efektīvi novērstu 52 servera izsaukumus. Diemžēl tur nav vienkāršs veids, kā pārvērst karogiem uz elfa, jo img tags ir dinamiski uzcelta kodu.

Tur ir dažas info šeit: Radīt ērtu un noderīgu CSS sprites | Css Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS sprites ģenerators (http://csssprites.com/)

Sorry visiem ieteikumi pēdējā laikā:)

Edit - Es domāju, ka es atrasts veids, kā to darīt. No elfa nosaukt tikai tam jāatbilst nosaukumam karogs / valodu. Daži no "vbenterprisetranslator_flag 'rediģēšanu vajadzētu strādāt.

Tātad tas varētu izskatīties kaut kas līdzīgs šim: (skat izmaiņas 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]

Mēs meklēsim tuvāk par šo ideju:) Uz doto brīdi mums ir, lai uzzinātu par css sprite un vai tas tiešām var uzlabot veiktspēju (pārlūki ir caching attēlus anyway). Pieprasījums nodot vērā:)

[tavenger5]

BTW, šeit ir tas, ko es tikai izmantoti, lai īstenotu to (es nedomāju izmantot visus 52, bet 13 visbiežāk)

Izmaiņas vbenterprisetranslator_flag iepriekš (sprite var pārdēvēt neatkarīgi - es izmanto "karogi")

Šis attēls:
http://files.cellphoneforums.net/images/flags.png

Tas papildināja papildu 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]

Kā es saprotu, izceļot aktīvo valodu nestrādās vairs?

Mēs meklēsim noslēgsies ka:)

[tavenger5]

aktīvo valodu joprojām uzsver - kas izmanto stilu, kur sprites izmantot klases

[vBET]

Nice:) Mēs noteikti pārbaudīsim to. Anyway - vispirms mums ir daudz darba ar kustīgu veiktspējas uzlabojumi no vBET4.x uz vBET3.x kas, šķiet, ir lielāka nozīme tieši tagad. Bet būt mierīgs - mēs esam jūsu pieprasījumu par TODO sarakstā:)

[Snake]

Man ir tas daļēji darbojas, bet visi mani attēli ir vienāda pirmās karoga, elfa.

[vBET]

Gatavs. Tiks atbalstīta nākamajā presei - visām vietām, kur karogi izmanto:)