Reloaden eines Bildes

[Angel Arts Grafix]

Hallo erstmal!

Ich habe ein kleines Problem das ich einfach nicht lösen kann! Ich komm einfach nicht auf die lösung!

Ich habe ein längeres script geschrieben , will es aber mit folgendem befehl erweitern:

Ich habe ein Bild mit dem namen "rl" und will es mit einem Klick ( onClick ) nachladen ohne die ganze Seite erneut laden zu müssen!

ich dachte an sowas:

onClick = "rl.reload()"

gibt es so ein befehl oder wie muss ich ihn schreiben?

Danke im vorraus!

 

[con-f-use]

Gibt es nicht, reload funktiniert nur bei der ganzen seite, du könnest das bild allerdings per iframe einbinden und den reloaden.

 

[Sven Mintel]

per new Image(); kannst du ein Grafik Objekt erzeugen... wenn du seinem src-Attribut die URL des Bildes zuweist, wird es geladen.

Was meinst du nun aber wirklich?... Nachladen oder Neuladen?

Beim Neuladen ist das Problem, dass der Browser das Bild aus dem Cache holen könnte.
Das umgehst du, wenn du dem Bild ein neues src-Attribut zuweist, und dieser Adresse einen aktuellen Timestamp anhängst... dann muss der Browser es neu von der Originaladresse holen.

 

[Angel Arts Grafix]

Ich mein Neuladen. Das bild ist ein Snapshot von meiner Webcam und wenn man auf das Bild klickt soll es sich erneuern!

 

[Sven Mintel]

Na dann die Methode mit dem Timestamp....

<script type="text/javascript">
<!--
function neuladen(img)
{
if(img.lowsrc==''){img.lowsrc=img.src;}
img.src=img.lowsrc+'?'+(new Date().getTime());
}
//-->
</script>
.....
<img onclick="neuladen(this)"src="cam.jpg">