Bild überschreiben

[kruk]

Hey, ich habe mal eine Frage zu Javascript. Leider kenne ich mich damit nicht aus, und habe wegen der einen Frage auch keine lust mich einzuarbeiten^^ Naja, die Frage ist, wie ich ein Bild auf meiner Website per Skript überschreiben kann.
Also ich habe ein Bild (bild.png) und will es mit einem anderem bild (anderes_bild.png) überschreiben, bzw. ersetzen. hab schon gegogelt, und da kam folgendes raus:

window.document.getElementByID("mein_bild").src = "neues Bild";

Aber was ist da mit mein_bild gmeint?
Hoffe ihr könnt mir helfen :)

 

[Trüffelkrieger]

Vermutlich das Bild, was vohanden ist, da neues Bild logischerweise das neue ist...
(kenne mich auch nicht mit JS aus, beruht nur auf einer logischen Schlussfolgerung :))

 

[Sempervivum]

Hallo Kruk,
damit dieses Skript funktioniert musst Du dem img-Tag die ID "mein_bild" geben:

<img src="bild.png" id="mein_bild">

 

[kruk]

weiß jetzt zwar was da rein gehört (die ID vom bild) aber ich habe noch ein weiteres Problem, und zwar wenn ich das andere Bild von einer externen Website aufrufen will :/
Also ich habe

window.document.getElementById("head_title").src="http://www.uploader.de/bild.png";

Wo ist da der Fehler? :/ Kommeniert das // hinter http: evtl den ganzen Rest aus? Aber wie soll ich dann die Seite aufrufen?

 

[Sempervivum]

Hallo Kruk,
ich sehe nicht, warum das mit einer vollständigen URL nicht funktionieren sollte. Die "//" sind ja in Hochkommas eingeschlossen und sollten damit nicht geparsed werden. Wahrscheinlicher ist, dass etwas mit der URL nicht stimmt, z. B. Groß- und Kleinschreibung. Sieh dir doch mal die Fehlerkonsole an oder poste die URL deiner Seite.

 

[kruk]

Nein, stimmt alles :/
Aber ich habe gerade gesehen, das ich das Bild mit seiner umgebenden Div ansppreche, weil das Bild als Hintergrund von dem div dient. Hat das damit was zutun? Und kann ich es dann überhaupt ändern?

 

[Sempervivum]

Nein, mit "src" kannst Du nur die Quelle eines Bildes im img-Tag ändern. Poste doch mal die URL deiner Seite.

 

[kruk]

nee ich benutze im Moment die Google Startseite zum testen^^ Das Google Logo....

 

[Gilles]

Nein, stimmt alles :/
Aber ich habe gerade gesehen, das ich das Bild mit seiner umgebenden Div ansppreche, weil das Bild als Hintergrund von dem div dient. Hat das damit was zutun? Und kann ich es dann überhaupt ändern?

In wie fern dient das Bild als Hintergrund für das Div?
Mit: background: image('url') ? Oder verwendest du dort trotzdem das Bild?
Wenn du trotzdem das Bild verwendest, so geb diesem Bild einfach eine Id. Falls du wie im ersten Fall den Background im Style Attribut des Div setzen willst geht das so:

document.getElementById("head_title").style.background = "image('url.png')";

Nur mal nebenbei als konstruktive Kritik erwähnt :). Dieses Forum hier soll dir helfen Dinge zu lernen und ist kein "Wünsch dir was Forum". Mit Anfragen wie:

Leider kenne ich mich damit nicht aus, und habe wegen der einen Frage auch keine lust mich einzuarbeiten^^

kommst du in den meisten Fällen nicht weit. Da es eine schnell zu beantwortende Frage war, kriegst du hier auch Antworten, jedoch solltest du dich dennoch dafür interessieren, was du denn eigentlich auf deiner Seite machst. Und falls du noch einiges mit Website-Erstellung zu tun haben willst, empfiehlt es sich auch Javascript zu lernen ;)

 

[kruk]

Danke :)
Muss aber glaube ich url('url.png); heißen.

Und zu der konstruktiven Kritik: Ich weiß schon, das man so nicht weit kommen wird, allerdings hat ein Freund von mir gesagt, das JS immer unwichtiger wird, und man für viele Sachen auch einfaxch PHP verwenden kann. Javascript dient ja hauptsächlich für Benutzerinteraktionen, und da hab ich mich schon so weit eingearbeitet, das ich das kann, nur das mit den bildern und Verknüpfungen noch nicht ganz :/ Naja, ich denke, das ich mich demnächst mal weiter damit beschäftigen werde :)

 

[Gilles]

... allerdings hat ein Freund von mir gesagt, das JS immer unwichtiger wird, und man für viele Sachen auch einfaxch PHP verwenden kann...

Da würde ich deinem Freund aber glatt widersprechen ;) Derzeit boomt JS. Vor allem wenn HTML 5 ausgereift ist und alle Browser es auch so weit unterstützen, wird es immer mehr JS auf den Seiten geben. :)