✔ Bilder per Ajax vom Server laden

[Prognose85]

Hallo,

ich habe eine Frage:

Ist es möglich per AJAX Request Bilder vom Server zu laden? Ich möchte eine Seite bauen, in der je nach Bedinugung ein anders Bild geladen wird ohne dass die Seite neu geladen wird. Also sgaen wir mal alle 5 Sekunden stelle ich einen Reqeust an den Server und abhängig von der Antwort (Sagen wir mal um meine Situation vereinfahct darzustellen, dass ich per Zufall vom Server Zahlen zwischen 1 und 20 bekomme und hinter jeder Zahl verbirgt sich auch ein Bild), muss dann auch das angezeigt Bild getauscht werden. Ist es möglich Bilder per AJAX Request zu laden oder knan man darüber nur Plain Text zurück bekommen?



Danke!

 

[Enumerator]

Moin!

Du kannst doch einfach das <src> Attribut eines <img> Tags ändern...

<img id="bild" src="/default.jpeg" />

document.getElementById("bild").src= 'http://...';

Oder noch besser:

var img = new Image();
img.src = 'http:/...';
var tag = document.getElementById("bild");
tag.src = img.src;
tag.height = img.height;
tag.width = img.width;

Mit der zweiten Variante könntest Du auch das Fertigladen des Bildes abwarten und/oder Fehler (Bild kann nicht geladen werden etc.) abfangen.
Näheres dazu findest du bei SelfHTML unter Javascript/DOM -> Objektreferenz -> images.

Greetz
Enum

 

[Prognose85]

Hi,

danke für die Antwort. Da habe ich wohl etwas zu kompliziert gedacht

Viele Grüße!