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

Question

所以我有一个基本系统设置为定期重新加载网络摄像头jpgs，但看到文件加载很奇怪。我宁愿让一个淡入另一个，或者至少等待整个图像加载，然后才交换另一个。

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

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

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

Answer 1

您可以尝试这样的事情

 $(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
     });
}