Имя: Пароль:
LIFE
Жизнь форума
OFF: Небольшой скрипт для тех у кого отображаются аватарки
,
0 Venom
 
14.12.12
13:49
Почитывая Пятничную ветку обратил внимание, что аватарки сильно увеличивают размер страницы. Особенно это заметно, когда сообщение одной строкой (например ссылка) и идут подряд несколько от одного и тогоже пользователя.

Пораскинув мозгами, написал небольшой скрипт. Результат его работы можно увидеть на скриншотах ниже.
Было:
http://wotmista.ts6.ru/forum/uploads/FileUpload/26/fa215b33fda6132b910f7c4e59e455.png
Стало:
http://wotmista.ts6.ru/forum/uploads/FileUpload/3f/d898d68a581273e606343ae7684ff7.png

Можно сделать немного лучше и интереснее, но мне и этого пока достаточно.

Скрипт (дописываем в конец вашего скрипта)
fbmk_1();
function fbmk_1() {
   var all = $('.bottomwhite');
   for(var i=0; i<all.length; i++) {
       tek_mess_id = all[i].id;
       tek_user_id = $('#'+tek_mess_id+' .registered-user')[0].id;
       sovp = 0; i_ish=i;
       for(var ii=i+1; ii<all.length; ii++) {
           sled_mess_id = all[ii].id;
           sled_user_id = $('#'+sled_mess_id+' .registered-user')[0].id;
           if (tek_user_id!=sled_user_id) break;
           sovp = 1;
           
           i=ii;
           mess_info = $('#'+sled_mess_id+' .message-info')[0];            
           $(all[i]).html(mess_info);
           
           $(all[ii]).attr({
               style: "border-left: 1px solid black;border-right: 1px solid black;"
           });
       }
       if (sovp==1){
           $(all[i_ish]).attr({
               style: "border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black;"
           });
           $(all[i]).attr({
               style: "border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;"
           });
       }
   }    
}