Tải cờ với một ma css

[tavenger5]

Tôi đã thử nghiệm với sprites css gần đây và thấy rằng nó có thể cắt giảm các cuộc gọi máy chủ đáng kể. Với họ tất cả những lá cờ có thể được nạp cùng một lúc thay vì một khác. Điều này hiệu quả sẽ loại bỏ 52 cuộc gọi máy chủ. Thật không may không có cách nào dễ dàng để chuyển đổi những lá cờ vào một ma kể từ khi các thẻ img động xây dựng trong các mã.

Có một số thông tin ở đây: Tạo dễ dàng và hữu ích CSS Sprites | Css Globe (http://cssglobe.com/post/3028/creating-easy-and-useful-css-sprites)

CSS Sprites máy phát điện (http://csssprites.com/)

Xin lỗi cho tất cả các lời đề nghị gần đây:)

Chỉnh sửa - Tôi nghĩ rằng tôi tìm thấy một cách để làm điều đó. Tên của sprite tương ứng với tên của lá cờ / ngôn ngữ. Một số chỉnh sửa "vbenterprisetranslator_flag" nên làm việc.

Vì vậy, nó sẽ giống như thế này: (xem sự thay đổi trong 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]

Chúng tôi sẽ xem xét chặt chẽ hơn về ý tưởng này:) Tại thời điểm này, chúng ta phải tìm hiểu về css ma và nó thực sự có thể cải thiện hiệu suất (các trình duyệt được bộ nhớ đệm hình ảnh nào). Yêu cầu đưa vào xem xét:)

[tavenger5]

btw, đây là những gì tôi chỉ được sử dụng để thực hiện nó (tôi không sử dụng tất cả 52, nhưng 13 phổ biến nhất)

Sự thay đổi đến vbenterprisetranslator_flag ở trên (sprite có thể được đổi tên thành bất cứ điều gì tôi đã sử dụng 'cờ')

Hình ảnh này:
http://files.cellphoneforums.net/images/flags.png

Điều này được bổ sung vào thêm 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]

Theo tôi hiểu làm nổi bật ngôn ngữ hoạt động sẽ không làm việc nữa?

Chúng tôi sẽ kết thúc vào ngày đó:)

[tavenger5]

hoạt động ngôn ngữ vẫn còn nổi bật - sử dụng một phong cách nơi sprites sử dụng một lớp

[vBET]

Nice:) Chúng tôi dứt khoát sẽ kiểm tra xem nó. Dù sao đầu tiên chúng tôi có rất nhiều công việc với việc di chuyển các cải tiến hiệu suất từ vBET4.x vBET3.x mà có vẻ quan trọng hơn ngay bây giờ. Nhưng hãy bình tĩnh - chúng tôi có yêu cầu của bạn trên danh sách TODO:)

[Snake]

Tôi có bán làm việc này, nhưng tất cả các hình ảnh của tôi là cùng một lá cờ đầu tiên, trong sprite.

[vBET]

Xong. Sẽ được hỗ trợ trong phiên bản tiếp theo - cho tất cả các nơi được sử dụng cờ:)