jquery ajax图片刷新,使用AJAX / jQuery刷新图像

这可能是一个简单的问题,但我很困惑,只是不知道从哪里开始。

我有一个PHP脚本(image_feed.php),该脚本返回图像的URL。每次调用此UR1时,它都会返回可用的最新图像(该图像每隔几秒钟更改一次)。

我想发生的是,当页面加载时,有一个对image_feed.php的AJAX调用,该调用返回了最新的URL。然后将该UR1插入HTM1,以替换适当的图像src。

5秒后,我希望重复该过程,并更新图像。但是,我不希望在加载完成之前交换图像,并且我想避免在加载新图像之前出现空白。

目前,我有以下jQuery,它仅将image_feed.php的返回值直接加载到名为#image1的div中。image_feed.php的格式正确,可以提供html图像标签。

$(document).ready(function(){

var $container = $("#image1");

$container.load('image_feed.php?CAMERA_URI==$camera_uri;?>')

var refreshId = setInterval(function()

{

$container.load('image_feed.php?CAMERA_URI==$camera_uri;?>');

}, 5000);

});

这可行,但是有问题。每次刷新图像时,在IE和Firefox中都会得到一个与图像大小相同的空白,因为下载图像需要一段时间。

我知道我需要image_feed.php将普通URL返回到图像。然后,我使用一些jQuery请求此URL,对其进行预加载,然后将其与现有图像交换。

但是,我仍然在努力达到目标。有人能给我一些帮助吗?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值