Autorefresh Div-tag with image

我試圖每隔xx秒刷新一次圖像，並且當相機將圖像上載到服務器時，圖像已經附加了一個時間戳。我的解決方案到目前爲止在div標籤<div id="camera">內發佈圖像，然後刷新div。我已經嘗試了一些在Stackoverflow中提到的解決方案，但我無法讓它們工作。眼下WP-頁面上的代碼如下所示：Autorefresh Div-tag with image

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>

任何建議，我應該使用？隨機變量添加到圖像不起作用，因爲它然後只重新加載具有特定時間戳的一個圖像。

來源

2014-09-25 Hans

好像你在混合你的ID：'＃kamera'不存在於給定的'div'中。 – 2014-09-25 07:26:07

對不起，這是一個翻譯出錯了......我會堅持瑞典語。 :-) – Hans 2014-09-25 07:27:37

下一個問題：http://api.jquery.com/load/ - 你用錯了方法。執行load（）時你期望發生什麼？ – 2014-09-25 07:31:36

<!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>

我的文本正在加載，如果圖像，你必須告訴瀏覽器不緩存圖像。

來源

2014-09-25 11:21:32

好吧，上面看起來好（不是在資源管理器），它重新加載圖像，但滾動頁面再次頂部。現在工作！ :-) – Hans 2014-09-30 18:02:15

我試過兩次編輯上面的代碼集，但被拒絕了。無論如何，您必須添加/ webpage/example/to .load才能使其運行，例如'.load（'/ webbkamera/kameratest /＃kamera3'）' – Hans 2014-10-01 20:31:34

應包含一個URL作爲第一個參數（根據the docs）。你只包含#camera可參考文檔獲取的一部分，但它仍然應該包括文件名，例如：

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

在上面的例子ajax/somepage.html頁面會被提取，jQuery的解析，並僅返回該元素的內容編號爲camera。不過，您必須提供網址。

來源

2014-09-25 08:33:17 kasimir

謝謝，但WP不返回HTML頁面，所以我不能使用這種類型的URL？ – Hans 2014-09-25 10:06:03

這是生成div的代碼行： '<？php print'

'; ？>' 是否可以更新它？。$ show_file。從ftp中檢索最新的圖像。 – Hans 2014-09-25 10:07:10

你可以使用任何URL，只要它返回HTML，在這種情況下至少是一個'img'元素。註釋中的代碼行應該放在一個單獨的文件中，例如'http：// my-site.com/img-get.php'，或者放在一個更大的文件中，該文件可以根據查詢字符串提供多種東西所以：'http：//my-site.com/get.php？what = img'。無論如何，這取決於您如何解決這個問題，但是在您的設置中，您需要該「加載」功能的URL /資源。 – kasimir 2014-09-25 10:23:28

Autorefresh Div-tag with image

回答

相關問題