Odśwież obraz za pomocą nowego w tym samym adresie URL

Uzyskuję dostęp do linku w mojej witrynie, który zapewni nowy obraz za każdym razem, gdy będzie dostępny.

Problem, z którym się spotykam, polega na tym, że jeśli próbuję załadować obraz w tle, a następnie zaktualizować obraz na stronie, obraz się nie zmienia - mimo że jest aktualizowany po ponownym załadowaniu strony.

var newImage = new Image();
newImage.src = "http://localhost/image.jpg";

function updateImage()
{
if(newImage.complete) {
    document.getElementById("theText").src = newImage.src;
    newImage = new Image();
    number++;
    newImage.src = "http://localhost/image/id/image.jpg?time=" + new Date();
}

    setTimeout(updateImage, 1000);
}

Nagłówki, jak je widzi FireFox:

HTTP/1.x 200 OK
Cache-Control: no-cache, must-revalidate
Pragma: no-cache
Transfer-Encoding: chunked
Content-Type: image/jpeg
Expires: Fri, 30 Oct 1998 14:19:41 GMT
Server: Microsoft-HTTPAPI/1.0
Date: Thu, 02 Jul 2009 23:06:04 GMT

Muszę wymusić odświeżenie tylko tego obrazu na stronie. Jakieś pomysły?

questionAnswers(16)

yourAnswerToTheQuestion