tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
3
ZUGRIFFE
1422
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 29.01.08 21:35 #1
    d-braun d-braun ist offline Mitglied Gold
    Registriert seit
    Mar 2004
    Ort
    Zeiskam
    Beiträge
    127
    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 :
    1

    $('#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
     
    Zitieren Zitieren
  2. 30.01.08 09:56 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    wenn es das erste Bild ist, das geändert werden soll:
    Code :
    1

    $('#div > img')[0].src = 'bild.gif';
    Das DIV hat die ID div.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
  3. 30.01.08 10:07 #3
    d-braun d-braun ist offline Mitglied Gold
    Registriert seit
    Mar 2004
    Ort
    Zeiskam
    Beiträge
    127
    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
     
    Zitieren Zitieren
  4. 30.01.08 14:01 #4
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    versuch mal einen Zeitstempel an den Filename anzuhängen.
    Code :
    1

    $('#div > img')[0].src = 'bild.gif?'+new Date().getTime();
    Damit sollte zumindest der Cache umgangen werden.

    Folgendes Konstrukt funktioniert bei mir problemlos:
    Code :
    1
2
3
4
5
6
7
8
9
10
11

    <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
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
    Zitieren Zitieren
« Automatische Zeilenumbrüche im Textfeld ermitteln | Daten in Div-Box ausgeben »

Ähnliche Themen

  1. Mitwachsende Divs innerhalb eines Containers
    Von infdb im Forum CSS
    Antworten: 6
    Letzter Beitrag: 16.07.10, 00:26
  2. 2 DIVs nebeneinander innerhalb eines Haupt-DIVs
    Von Eiszwerg im Forum CSS
    Antworten: 10
    Letzter Beitrag: 21.03.07, 13:33
  3. Umbruch innerhalb eines divs
    Von aphaean im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 03.04.06, 11:12
  4. Ausrichtung innerhalb eines divs
    Von Moan im Forum CSS
    Antworten: 2
    Letzter Beitrag: 29.12.05, 13:06
  5. Z-Index Koordinaten innerhalb eines DIVs ?
    Von Sebastian Schmidt im Forum HTML & XHTML
    Antworten: 11
    Letzter Beitrag: 05.07.05, 20:55