Steaguri Încărcaţi cu un sprite CSS

[tavenger5]

Am fost experimente cu sprite CSS în ultima vreme şi a constatat că acesta poate reduce în mod semnificativ pe serverul de apeluri. Cu ei toate steagurile ar putea fi încărcate la o dată în loc de una după alta. Acest lucru ar elimina în mod eficient 52 apeluri server. Din pacate nu exista nici o modalitate uşoară de a converti steaguri intr-un sprite, deoarece tag-uri img sunt construite dinamic în codul.

Există unele informaţii aici: Crearea Sprites uşor şi util CSS valid | CSS Globe

CSS Sprites generator de

Ne pare rău pentru toate sugestiile în ultima vreme

Edit - Cred că am găsit o modalitate de a face acest lucru. Numele sprite doar trebuie să corespundă cu numele de pavilion / limba. Unele editarea "vbenterprisetranslator_flag" ar trebui să funcţioneze.

Deci, aceasta ar arata cam asa: (a se vedea schimbarea 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]

Ne vom uita mai strânsă pe această idee In acest moment avem de a afla despre CSS Sprite şi nu este cu adevărat poate îmbunătăţi performanţele (browsere sunt caching imagini oricum). Solicit puse în considerare

[tavenger5]

BTW, aici este ceea ce tocmai am folosit să-l pună în aplicare (eu nu folosesc toate cele 52, dar cele mai comune 13)

Schimbarea la vbenterprisetranslator_flag de mai sus (sprite pot fi redenumite orice - am folosit "steaguri")

Această imagine:


Aceasta a adăugat la CSS suplimentare:

.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]

Aşa cum am înţeles subliniind limba activă nu va mai functiona?

Ne vom uita pe aproape că

[tavenger5]

Limba activă încă subliniază - care utilizeaza un stil în cazul în care utilizează o clasa sprites

[vBET]

Frumos Noi vom verifica definitiv. Oricum - în primul rând avem mult de lucru se deplasează cu îmbunătăţiri de performanţă de la vBET4.x la vBET3.x care pare sa fie mult mai important acum. Dar fii calm - avem cererea pe lista TODO

[Snake]

Am această semi-de lucru, dar toate imaginile mele sunt acelasi steag în primul rând, în sprite.

[vBET]

Efectuat. Vor fi sprijiniţi în următoarea lansare - pentru toate locurile în care indicatorii sunt utilizate