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

Question

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

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