Как убрать мигание изображений при jquery.load()?

Question

[ниндзя оп оп]

Всем здравствуйте, имеется страница на которой есть чат где пользователи могут общаться между собой.
Чат обновляется интервалом каждые 1000 мс / 1 секунду. Если открыть F12 то аватарки/изображения пользователей будут мигать. Как мне убрать это мигание?
Вот код:

<?php 
              $query = ("SELECT * FROM `chat`");
      $result = mysql_query($query);
    while(($chat = mysql_fetch_array($result))){
     $chatLogin = $chat['login'];
     $mess = $chat['mess'];
     $user_id = $chat['user_id'];
     $photo = $chat['photo'];
$msgid = $chat['id'];
     $p.="<div class=\"message-item\" message_id=\"$msgid\">
    <div class=\"flex\" style=\"align-items: flex-end;justify-content: flex-start\">
        <div class=\"\" style=\"cursor: pointer;\" onclick=\"window.open('https://vk.com/$user_id')\"><img class=\"ava\" src=\"$photo\"></div>
        <div class=\"block\" style=\"align-items: flex-end;width:auto;border-bottom-left-radius:0;margin-bottom:0;padding: 10px;padding-left: 20px;\">
            <div class=\"colorit message-name\" style=\"color: #070707\"><i class=\"fas fa-comment-slash chaticon\" style=\"color: #850000;margin-left:0;margin-right:5px\" onclick=\"mute($user_id)\"></i>
                $chatLogin</div>
            <div class=\"message-text\">$mess</div>
        </div>
    </div>
</div>";
    }
    echo $p;
    ?>

setInterval(function(){
$(".messages-box").load("/ .messages-box");
},1000);

Вот так выглядит мигание

Answer 1

[ThunderCat]

Как мне убрать это мигание?

Сделать код чуть сложнее чем 2+2? Например отдавать json и добавлять новые блоки только при обновлении через js?

Comments

[ниндзя оп оп]

не подскажешь как?

[ThunderCat]

kur4chyt, вроде уже подсказал. Отсылаешь дату последнего сообщения в чате, выбираешь по ней на сервере все что позже, енкодишь в json и отправляешь как ответ, на клиенте проверяешь - есть новые сообщения? Если есть - добавляешь в блок новый элемент с текстом/разметкой... Короче думай.

[ниндзя оп оп]

ThunderCat, понял принял