ajax 请求图像正在闪烁答案

【问题标题】：ajax request images are flashingajax 请求图像正在闪烁
【发布时间】：2012-09-15 09:42:09
【问题描述】：

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

有没有办法绕过 get 请求时闪烁的图像？

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

【问题讨论】：

据我了解#timedContainer 包含所有图像。尝试仅刷新仅包含您需要刷新的数据的<div>。
每个
都是一行。所以那里的所有数据，不幸的是，每一行都是动态的，需要刷新。

标签： php jquery mysql ajax image

【解决方案1】：

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

【讨论】：

【解决方案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()">

【讨论】：