Bild innerhalb eines DIVs aktualisieren

D

d-braun

Erfahrenes Mitglied
Hallo,

ich möchte ein Bild, welches innerhalb eines DIV eingebettet ist aktualisieren.

Was ich versucht habe war mit JQuery einfach den HTML Inhalt des Divs zu ändern. Sprich:

Code: 
$('#div').html('<img src="test.jpg">');

Leider klappt das nicht so wie ich es mir vorstelle. Es bleibt immer die alte Version des Bildes angezeigt, obwohl das Bild mittlerweile schon aktualisiert wurde.

Wie kann ich nun das Bild aktualisieren?

Am besten mit JQuery.

Vielen Dank
 
Hi,

wenn es das erste Bild ist, das geändert werden soll:
Code: 
$('#div > img')[0].src = 'bild.gif';
Das DIV hat die ID div.

Ciao
Quaese
 
Hallo,

das funktioniert leider auch nicht. Auch hier wird immer die alte Version angezeigt die gar nicht mehr auf dem Server exisitiert (liegt wohl noch im Cache vom Browser).

Evtl. würde es mich weiterbingen einfach den kompletten Inhalt des Divs zu aktualisieren.
Nur habe ich leider nichts gefunden wie ich den Inhalt des Divs aktualisieren kann.

Danke für Hilfe
 
Hi,

versuch mal einen Zeitstempel an den Filename anzuhängen.
Code: 
$('#div > img')[0].src = 'bild.gif?'+new Date().getTime();
Damit sollte zumindest der Cache umgangen werden.

Folgendes Konstrukt funktioniert bei mir problemlos:
Code: 
<html>
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese">
<script type="text/javascript" src="jquery-1.1.3.1.js"></script>
</head>
<body >
<div id="imgDiv"><img src="bild1.gif" alt="*"></div>
<button onclick="$('#imgDiv > img')[0].src = 'bild2.gif?'+new Date().getTime();">wechseln</button>
</body>
</html>

Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück