Javascript 带图像的自动刷新Div标记_Javascript_Jquery_Wordpress

Javascript 带图像的自动刷新Div标记

javascript jquery wordpress

Javascript 带图像的自动刷新Div标记,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我试图每xx秒刷新一个图像，当相机上传到服务器时，图像已经附加了一个时间戳。到目前为止，我的解决方案是在div标记中发布图像，然后刷新div。我已经尝试了Stackoverflow中提到的许多解决方案，但我无法让它们正常工作。现在，WP页面上的代码如下所示： var auto_refresh = setInterval( function () { $('#camera').fadeOut('slow').load('#camera').fadeIn("slow"); }, 5000);

我试图每xx秒刷新一个图像，当相机上传到服务器时，图像已经附加了一个时间戳。到目前为止，我的解决方案是在div标记中发布图像，然后刷新div。我已经尝试了Stackoverflow中提到的许多解决方案，但我无法让它们正常工作。现在，WP页面上的代码如下所示：

var auto_refresh = setInterval(
function () {
    $('#camera').fadeOut('slow').load('#camera').fadeIn("slow");
}, 5000);

网页上的div看起来像

<div id="camera"><img id="kamera3" src="/webcam3/FI9804W_00626E4E4229/snap/Schedule_20140925-091319.jpg"></div>

有什么建议我应该用什么来代替吗？向图像添加随机变量不起作用，因为它只会重新加载带有特定时间戳的一个图像

.load应该包含一个URL作为第一个参数，根据。您的仅包含摄像头，它可以引用获取的文档的一部分，但仍应包含文档名称，如下所示：

$('#camera').fadeOut('slow').load('ajax/somepage.html #camera').fadeIn("slow");

在上面的示例中，将获取页面ajax/somepage.html，jQuery将对其进行解析，并仅返回带有id的元素的内容。不过，您必须提供URL

<!DOCTYPE html>
<html>
<head>
<title>hello</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var ref=setInterval(function(){  $('#camera').load('#kamera3');  }, 1000);
});
</script>
</head>
<body>
<div id="camera"><span id="kamera3">this is autoload function</span></div>
</body>
</html>

正在加载我的文本，如果是图像，您必须告诉浏览器不要缓存图像。

似乎您混淆了您的ID:kamera不存在于给定的分区中。抱歉，这是一个翻译错误。。。我会坚持用瑞典语-下一个问题：-你用错了。在执行load时，您希望发生什么？路径是否会更改，还是只需要重新加载映像？在这种情况下：$'kamera3'.attr'src'，$'kamera3'.attr'src'++rand；我想在你的区间函数中应该足够了。Rand应该是随机生成的哈希，因此浏览器缓存被绕过。为了防止散列在一段时间后堆积并生成过长的URL，请将原始路径存储在data attr中，并通过该路径构建新的URL。老实说，我不知道，我的知识非常有限。这是另一个答案中的一段代码，对该用户有效，但对我无效。基本上我需要关于{}之间代码的帮助。谢谢，但是WP不返回HTML页面，所以我不能使用这种类型的URL？这是生成div的代码行：是否可以刷新它？.show_文件。从ftp中检索最新的图像。您可以使用任何URL，只要它返回HTML，在本例中至少可以使用img元素。注释中的代码行应该位于一个单独的文件中，您可以像http://my-site.com/img-get.php 或者在一个更大的文件中，可以根据查询字符串提供多种内容，如下所示：http://my-site.com/get.php?what=img. 无论如何，这取决于你如何解决这个问题，但是在你的设置中，你需要这个URL/资源来实现加载功能。好的，上面的内容在浏览器中似乎没有问题，但是，它会重新加载图像，但会再次将页面滚动到顶部。现在有用！：-我曾两次尝试编辑上述代码集，但都被拒绝了。无论如何，您必须将/webpage/example/to.load添加到.load才能使其工作，如.load'/webbkamera/kameratest/kamera3'