Javascript 使用淡入淡出或预加载自动重新加载图像？

所以我已经建立了一个基本的系统，可以定期重新加载网络摄像头JPG，但是看到文件加载是很奇怪的。我宁愿让一个淡入另一个，或者至少等待整个图像加载，然后再交换另一个

     $(document).ready(function() {
        setInterval('updateCamera()',1000);
});

function updateCamera() {
        $('#camera').attr('src','cam_1.jpg?'+ new Date().getTime());
        }

---

这是网站，点击“直播”www.graysonearle.com/frogutopia有什么想法吗？

你可以试试这样的东西

 $(document).ready(function() {
     setTimeout('updateCamera()',1000); // Just call one time on dom ready using setTimeout()
 });

function updateCamera() {
     $('#camera').attr('src','cam_1.jpg?'+ new Date().getTime()).load(function() {
        updateCamera(); // then call updateCamera() each time after image load complete
     });
}

---

谢谢我又做了一些修改，我想我会将它与两个单独的div结合使用，它们相互叠加，随着z索引值的旋转而逐渐消失