Beban bendera dengan bidadari css

[tavenger5]

Saya telah bereksperimen dengan css sprites akhir-akhir ini dan mendapati bahawa ia boleh mengurangkan panggilan pelayan ketara. Dengan mereka semua bendera dapat dimuatkan pada satu masa bukan satu demi satu. Ini berkesan akan menghapuskan 52 panggilan pelayan. Malangnya tiada cara yang mudah untuk menukar bendera ke bidadari sejak tag img dinamik dibina dalam kod.

Ada beberapa info di sini: Mewujudkan CSS Sprites yang mudah dan berguna | CSS Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

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

Maaf bagi semua cadangan yang akhir-akhir ini:)

Edit - saya rasa saya menemui satu cara untuk melakukannya. Nama bidadari yang hanya sesuai dengan nama bendera / bahasa. Beberapa pengeditan 'vbenterprisetranslator_flag' harus bekerja.

Oleh itu, ia akan kelihatan seperti ini: (lihat perubahan dalam 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]

Kita akan melihat dengan lebih dekat pada idea ini:) Buat masa ini, kita perlu belajar tentang css bidadari dan adakah ia benar-benar dapat meningkatkan prestasi (pelayar web caching imej anyway). Minta dimasukkan ke dalam pertimbangan:)

[tavenger5]

btw, di sini ialah apa yang saya hanya digunakan untuk melaksanakan (saya tidak menggunakan kesemua 52, tetapi 13 yang paling biasa)

Perubahan ke vbenterprisetranslator_flag atas (bidadari boleh dinamakan semula apa saja - saya menggunakan 'bendera')

Imej ini:
http://files.cellphoneforums.net/images/flags.png

Ini ditambah ke tambahan 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]

Seperti yang saya faham menonjolkan bahasa yang aktif tidak akan bekerja lagi?

Kita akan melihat ditutup pada itu:)

[tavenger5]

bahasa aktif masih menekankan yang menggunakan gaya di mana sprites menggunakan kelas

[vBET]

Nice:) Kami secara muktamad akan memeriksa. Bagaimanapun - pertama, kami mempunyai banyak kerja dengan menggerakkan peningkatan prestasi dari vBET4.x vBET3.x yang seolah-olah menjadi lebih penting sekarang. Tetapi tenang - kita mempunyai permintaan anda dalam senarai TODO:)

[Snake]

Saya telah ini semi-kerja, tetapi semua gambar-gambar saya adalah bendera pertama yang sama, dalam bidadari.

[vBET]

Selesai. Akan disokong dalam siaran depan - untuk semua tempat di mana bendera digunakan:)