Bandiere carico con uno sprite css

[tavenger5]

Ho fatto degli esperimenti con sprite CSS recentemente e ha scoperto che si può ridurre chiamate al server in modo significativo. Con loro tutte le bandiere potrebbe essere caricato in una volta invece che uno dopo l'altro. Questo potrebbe effettivamente eliminare 52 chiamate al server. Purtroppo non c'è un modo semplice per convertire le bandiere in una sprite dato che il tag img è creata in modo dinamico nel codice.

C'è qualche info qui: Creazione semplice e utile Sprites CSS | Css Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites generatore (http://csssprites.com/)

Ci dispiace per tutti i suggerimenti recentemente)

Modifica - Penso di aver trovato un modo per farlo. Il nome dello sprite deve solo corrispondere al nome della bandiera / lingua. Qualche modifica di 'vbenterprisetranslator_flag' dovrebbe funzionare.

Quindi sarebbe simile a questa: (vedi il cambiamento 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]

Ci un'occhiata più da vicino su questa idea:) In questo momento dobbiamo imparare css sprite e lo fa davvero in grado di migliorare le prestazioni (i browser sono la cache delle immagini in ogni caso). Richiesta messa in considerazione:)

[tavenger5]

btw, ecco quello che ho appena usato per la sua attuazione (non uso tutte le 52, ma i 13 più comuni)

La modifica vbenterprisetranslator_flag sopra (sprite possono essere rinominati qualunque - io ho usato 'bandiere')

Questa immagine:
http://files.cellphoneforums.net/images/flags.png

Questo aggiunto al supplementare 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]

Come ho capito evidenziando lingua attiva non funziona più?

Vedremo da vicino che:)

[tavenger5]

lingua attiva evidenzia ancora - che utilizza uno stile in cui sprite utilizzare una classe

[vBET]

Nizza:) Abbiamo definitivamente lo controlla. In ogni caso - prima abbiamo lavorato molto con lo spostamento di miglioramento delle prestazioni da vBET4.x a vBET3.x che sembra essere più importante in questo momento. Ma stare tranquilli - abbiamo la vostra richiesta nella lista TODO:)

[Snake]

Ho questo semi-lavoro, ma tutte le mie immagini sono la stessa bandiera prima, nello sprite.

[vBET]

Fatto. Sarà supportato nella prossima release - per tutti i luoghi in cui vengono utilizzate le bandiere:)