div reload

Question

我正在为一个生成新数据的python脚本运行一个python bottle web服务器，我正在使用前端的Web界面。我的前端页面上有几个div，我已经设置定期刷新。例如：

<script>
function autoRefresh_z()
{
     $("#z_div").load("z_div.tpl.html");
 }
 setInterval('autoRefresh_z()', 1000);
            </script>
<script>$(document).ready(function() {$("#z_div").load("z_div.tpl.html")})</script>

每秒刷新<div class="col-md-8" id="z_div"></div>。

这适用于文本的更改（我以这种方式更新进度条）但在我想要包含更改的图像的地方，它会在加载新图像时重新加载闪烁。有没有一种简单的方法用javascript重新加载这个div但是从一个图像淡入下一个图像？

编辑：传统fade似乎来自图片 - ＆gt;白色 - ＆gt;图像（至少我如何拥有它）。我想去图像 - ＆gt;图片。这可能吗？