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

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