mehrer Bilder neu laden

T

toldap

Gast
Hallo an Alle!

Erstmal ein herzliches Dankeschön an das tolle Forum hier! Ich konnte schon sehr viele nützliche Sachen hier lernen.

Nun habe ich aber ein Problem, für welches ich bis ahin keine Lösung gefunden habe.
Ich habe ein kleines Script, welches mir die SRC bei einzelnen Bilder verändern soll. Dies sieht wie folgt aus;

Code:
var IMGSRCNEU = "testbild";
var img = new Image();
img.src = "http://mein.server/testbilder/test-" + IMGSRCNEU + ".png";
document.getElementById("testbild").src = img.src;

und das bild ist wie folgt eingebunden;

HTML:
<IMG id="testbild" src="http://mein.server/testbilder/orginal.png">

Das funktioniert auch soweit sehr gut. Nun zu meinem Problem.

Sobald ich mehrere Bilder neu laden will, funktioniert dies nicht mehr. Also z.B. bei

Code:
var IMGSRCNEU = "testbild";
var img = new Image();
img.src = "http://mein.server/testbilder/test-" + IMGSRCNEU + ".png";
img.src2 = "http://mein.server/testbilder/test2-" + IMGSRCNEU + ".png";
document.getElementById("testbild").src = img.src;
document.getElementById("testbild2").src = img.src2;

wird nur jeweils das erste Bild neu geladen.

Kann mir da jemand helfen?

Vielen Dank!
 

faetzminator

Gesperrter Benutzer
Wie konntest du hier bereits viel lernen, wenn dies ein Java-Forum ist und du von JavaScript sprichst?

Zu deinem Problem: Leg einfach pro Link ein Image an und verwende [c].src[/c].
 

HimBromBeere

Top Contributor
HTML:
img.src = "http://mein.server/testbilder/test-" + IMGSRCNEU + ".png";
img.src2 = "http://mein.server/testbilder/test2-" + IMGSRCNEU + ".png";
Fällt dir was auf? Ein Attribut mit Namen
Code:
src2
gibt´s nicht. Du brauchst schon für jedes Bild ein eigenes Objekt vom Typ
Code:
Image
, dem du dann die Quelle über
Code:
img.src
zuweist.


[WR]Das ist aber nicht JAVA, sondern Javascript...[/WR]

Du kannst aber auch gleich den Pfad zum Bild deinem Dokumentobjekt zuweisen:
HTML:
document.getElementById(...).src = <Pfad zum Bild>
warum du da erst umständlich über ein neues
Code:
Image
-Objekt gehst, bleibt mir unklar.
 
Zuletzt bearbeitet:
T

toldap

Gast
Vielen Dank für die Antworten.
Ich bin mir schon bewusst, dass es sich hier um ein javascript handelt. Ich erhoffe mir trotzdem hier Hilfe zu erhalten.
Ich verwende das Image-Objekt da sich die source stetig über ein HTML5-websocket ändert. Ich habe bereits folgendes versucht, jedoch ebenfalls ohne erfolg;

Code:
var IMGSRCNEU = "testbild";
var IMGSRCNEUZWEI = "testbildzwei";
var img = new Image();
var imgzwei = new Image();
img.src = "http://mein.server/testbilder/test-" + IMGSRCNEU + ".png";
imgzwei.src = "http://mein.server/testbilder/test2-" + IMGSRCNEUZWEI + ".png";
document.getElementById("testbild").src = img.src;
document.getElementById("testbild2").src = imgzwei.src;

es wird jedoch nur immer die src vom testbild geändert.

Nochmals Danke!
 
T

toldap

Gast
Vielen Dank für die Hinweise!

Das Problem wurde nun erkannt:
Ich arbeite mit einem HTML5 Framework, in welchem ich mehrere verschiedene Seiten aufbauen kann. Das Problem war,
dass die einzelnen Objekte nicht immer miteinander auf jeder Seite waren. So hatte ich z.B. Objekt1 auf in einem "Seiten-Template" und Objekt2 in einem anderen "Seiten-Template". Sobald auf einer Seite nicht beide Objekte vorhanden waren, gab es entsprchende Fehler auf der Fehlerkonsole die ich jedoch erst jetzt geprüft habe ;)

Nochmals vielen Dank und einen schönen Abend!
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
H Bilder auf einer Webseite anzeigen Angular, React, JQuery - Fragen zu JavaScript 4
T Bilder zufällig Anzeigen Angular, React, JQuery - Fragen zu JavaScript 3
M JQuery Bilder austauschen Angular, React, JQuery - Fragen zu JavaScript 92
T Bilder Links setzen Angular, React, JQuery - Fragen zu JavaScript 3
O Javascript soll Bilder an 2 verschiedenen Orten anzeigen Angular, React, JQuery - Fragen zu JavaScript 3
Airwolf89 onClick auf Bilder scheint nicht richtig zu funktionieren Angular, React, JQuery - Fragen zu JavaScript 5
M Bilder mit Java in einen Iframe laden Angular, React, JQuery - Fragen zu JavaScript 3
R 25 Thumbs/Bilder aufgelistet, jede dritte Sek. Bildwechsel Angular, React, JQuery - Fragen zu JavaScript 2
R Kann Man Java Bilder Speichern ? Angular, React, JQuery - Fragen zu JavaScript 2
R Variable übergeben und bilder anzeigen Angular, React, JQuery - Fragen zu JavaScript 10
M bilder mit mouseover effekt und menubar Angular, React, JQuery - Fragen zu JavaScript 2
N Wechselnde Bilder auf Website Angular, React, JQuery - Fragen zu JavaScript 2
M bilder reloaden Angular, React, JQuery - Fragen zu JavaScript 2
N Problem - Google Analytics Tracking Javascript Datei von eigenen Server laden Angular, React, JQuery - Fragen zu JavaScript 1
C Problem beim Laden des Saalplans Angular, React, JQuery - Fragen zu JavaScript 5
D Seite ohne Cache laden? Angular, React, JQuery - Fragen zu JavaScript 14
W Seite verlassen nach vollständigem Laden Angular, React, JQuery - Fragen zu JavaScript 15
C In Seite eine Seite laden mit Java? Angular, React, JQuery - Fragen zu JavaScript 5
D Internetseite anhand Datum automatisch laden Angular, React, JQuery - Fragen zu JavaScript 12
I viele links öffnen und nach erfolgreichem laden wieder beend Angular, React, JQuery - Fragen zu JavaScript 5
M Automatisches Laden eines Bildes . Angular, React, JQuery - Fragen zu JavaScript 2
B Zufällige Seite Laden Angular, React, JQuery - Fragen zu JavaScript 2
G Nach dem Laden der Seite einen JS in einem I-Frame ausführen Angular, React, JQuery - Fragen zu JavaScript 6
W Zufällige Seite laden Angular, React, JQuery - Fragen zu JavaScript 19
S PopUp Fenster nach schließen dann die Mutter Seite neu laden Angular, React, JQuery - Fragen zu JavaScript 5
R MouseDown soll applet laden und MouseUp soll es löschen? Angular, React, JQuery - Fragen zu JavaScript 4
F Browser-/OS-Abfrage beim Laden einer Internetseite Angular, React, JQuery - Fragen zu JavaScript 3
D *.js-datei bei Seitenaufruf laden Angular, React, JQuery - Fragen zu JavaScript 2
S Bei jedem Besuch der Seite ein anderes Bild laden Angular, React, JQuery - Fragen zu JavaScript 6
D WICHTIG!!!! MUSIK IM VORAUS LADEN Angular, React, JQuery - Fragen zu JavaScript 3

Ähnliche Java Themen

Neue Themen


Oben