当AJAX获取图像时，图像每秒刷新一次，导致闪烁和闪烁

所以我在为我的博客cms项目做一个评论系统。我想要实现的是每秒钟从另一个php文件(ex- comment.php)，这是从MySql表中获取数据，并显示在一个div这是-

<div class="results" id="result"></div>

我能够成功地做到这一点，文本评论加载良好，但图像评论(评论中有图像)每秒闪烁。可能是由于AJAX每秒钟刷新一次整个div。如果有人能帮我弄清楚如何停止闪烁，我会很感激的。我的JavaScript代码是-

<script>
function refresh_div() {
    jQuery.ajax({
        url:'comment.php',
        type:'POST',
        success:function(results) {
            jQuery(".result").html(results);
            var message=$('#result');
            message.scrollTop(message[0].scrollHeight);
        }
    });
    }
t = setInterval(refresh_div,1000);
</script>

这里是注释。php文件，如果需要-

<?php
session_start();
if(!isset($_SESSION['uid'])){
header('location:login.php');
}
include('config.php');
$sql = "SELECT * FROM messages ORDER BY id ASC LIMIT 0, 30 ";
$result = mysql_query($sql);
while($row = mysql_fetch_array($result)) {
$uname=$row['uname'];
$message=$row['message'];
echo "<span>".$uname."</span>";
echo ": ";
echo "<span style='font-family:myfont2;'>".$message."</span>";
echo "<br>";
}
?>

我读到图像缓存可以解决这个问题，但我希望AJAX解决方案只有在可能的情况下。

EDIT-你们建议我保持旧消息加载和"在ajax中只获取最新的数据"。我相信我自己不能做到这一点，并期待一些代码的帮助。

额外说明-这是我在这里的第一个问题，所以我的道歉，如果我没有问或解释得很好或问了一些我不应该问的问题。希望你们这些好心人能理解:)