پرچم بار با جن CSS

[tavenger5]

من تجربه کار با CSS sprites به تازگی و متوجه شد که آن را می توانید در تماس های سرور کاهش قابل توجهی است. با آنها همه از پرچم های نصب شده می تواند در یک بار به جای یکی پس از دیگری بارگذاری می شود. این 52 تماس های سرور حذف کند. متاسفانه هیچ راهی آسان برای تبدیل پرچم های نصب شده را به یک روح از آنجا که تگ img به صورت پویا در کد ساخته شده وجود دارد.

برخی از اطلاعات وجود دارد اینجا هستید : : ایجاد Sprites آسان و CSS مفید | CSS گلوب (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites ژنراتور (http://csssprites.com/)

متاسفم برای همه پیشنهادات به تازگی :)

ویرایش -- من فکر می کنم که من پیدا کردم یک راه برای انجام آن است. نام جن است را به متناظر به نام پرچم / زبان. برخی از ویرایش "vbenterprisetranslator_flag' باید کار کند.

بنابراین آن را چیزی شبیه به این : (نگاه کنید به تغییر در 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]

نگاه می کنیم نزدیک بر روی این ایده است :) در این لحظه ، ما باید در مورد جن CSS یاد می گیرند و آیا واقعا می تواند عملکرد (مرورگرها ذخیره تصاویر به هر حال) بهبود. درخواست را در نظر قرار داده شده است :)

[tavenger5]

مشاهده فرم خرید ، اینجا همان چیزی است که من فقط با استفاده از پیاده سازی آن (من تمام 52 استفاده نمی کند ، اما از 13 شایع ترین)

تغییر به vbenterprisetranslator_flag بالا (جن می تواند هر گونه تغییر نام داد -- من استفاده می شود 'پرچم')

این تصویر :
http://files.cellphoneforums.net/images/flags.png

این موضوع افزوده شده به اضافی 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]

همانطور که من درک می کنم برجسته زبان فعال دیگر کار نخواهد کرد؟

ما نزدیک خواهد شد نگاه در آن :)

[tavenger5]

زبان فعال هنوز برجسته -- که با استفاده از سبک که در آن sprites استفاده از یک کلاس

[vBET]

نیس :) ما قطعی خواهد شد آن را چک کنید. به هر حال -- در ابتدا ما باید مقدار زیادی از کار را با حرکت بهبود عملکرد از vBET4.x به vBET3.x که به نظر می رسد مهم تر در حال حاضر است. اما آرام -- ما درخواست خود را در لیست TODO :)

[Snake]

من این نیمه کار می کند ، اما تمام تصاویر من پرچم همان اول ، در روح.

[vBET]

انجام می شود. آیا می شود در نسخه بعدی پشتیبانی -- برای تمام مکان های که در آن پرچم ها استفاده می شود :)