Question

我有一个基本的ajax请求，现在设置为3秒。会更高，但我想解决每次请求发生时发生的问题。出于某种原因，每个图像（存储在数据库中 - 不是那么多，都是缩略图）都会闪烁。

是否有办法在get请求中闪烁图像？

$(document).ready(function(){
   var ajaxDelay = 3000;
   setInterval(function(){
    $('#timedContainer').load('jquery_timed.php');   
    }, ajaxDelay);
});

Answer 1

据我所知，您必须在显示之前预先加载/缓存图像，以避免闪存。 Here是如何做到这一点的另一个答案。

Answer 2

你可以使用两个图像，第一个引用现有的img，不需要太多时间加载，第二个真正的img。真正的img可以隐藏，或者它们的大小可以是1 * 1px。

<img id="IMG1" src="Some_light_IMG" >
<img id="IMG2"src="heavy_IMG" style="display:none;" onLoad="JavaScript:$('#IMG1').hide(); $('#IMG2').show()">

ajax请求图像闪烁

2 个答案: