Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Javascript:Bildwechsel ändert nur src“

Orakeldel

Noch nicht viel geschrieben

Hallo
Ich bin grad am basteln einer Gallery mit Javascript. Ich habe oben eine Div in der Thumb-Bilder sind, welche per onmouseover die src eines größeren Bildes in der mitte wechseln soll. Ich habe mir dann in einer extra Funktion die src dieses Bildes ausgeben lassen und es wurde jene anezeigt auf die ich geändert habe. Doch das Bild ändert sich nicht. es bleibt immer das, das ich am Anfang definiert habe.

Javascript-Code:
Code:
function makeBig(num){
window.document.getElementById('bigImage').src="../images/fullsize/big"+num+".jpg";
}

HTML-Großes Bild:
HTML:
<img src="http://www.psd-tutorials.de/modules/Forum/images/fullsize/big1.jpg" width="512" height="384" alt="" id="bigImage" />

HTML-Thumb:
HTML:
<img src="http://www.psd-tutorials.de/modules/Forum/images/thumbs/small01.gif" width="120" height="90" alt="" class="thumb_img" onmouseover="makeBig(1);showsrc();" />

function showsrc:
Code:
alert(window.document.getElementById('bigImage').src);

Das ganze ist auch mit css gelayoutet, aber ich kann mir nicht vorstellen, das das ne rolle spielt.

Ordnerstrucktur:
|-- gallery.htm
|-- images
| |-- fullsize
| | |-- big1.jpg
| | |-- .
| | |-- .
| | |-- .
| `-- thumbs
| | |-- small01.gif
| | |-- .
| | |-- .
| | |-- .
|-- script
| |-- script.js
|-- style
| |-- style.css

Ich habe das ganze Project einmal auf meinen Server geladen. Jetzt tut sich was. Aber auch nicht das was ich will:
Gallery

Danke schon mal
Max


Edit: Bin nach dem Serverupload jetzt selbst draufgekommen. Die Bilder beziehen sich relativ natürlich auf den Ort der HTML-Datei und nicht auf den der JS-Datei.
 
Zuletzt bearbeitet:

GrafiKman

Aktives Mitglied

AW: Javascript:Bildwechsel ändert nur src

Das mann kann das Bild nicht ändern indem man die SRC ändert... das bild muss erstmal beim server geladen werden ....
 

Haetti

Nicht mehr ganz neu hier

AW: Javascript:Bildwechsel ändert nur src

doch, das Bild sollte man durch ändern des SRC-Attributes wechseln können. Das hab ich schon öfter so gemacht.

Ich kann bei dir keinen Fehler sehen, daher eine banale Frage: Die ID "bigImage" kommt schon nur 1 mal vor, richtig? Ansonsten könnte das vielleicht ein Problem sein.

Zum andern hab ich immer direkt mit document.getElement... gearbeitet, jeweils ohne ein window vorne. Ich weiss nicht, ob das ein Fehler ist, wahrscheinlich nicht, aber versuch's mal ohne window.

Kannst du vielleicht sonst mal den HTML- sowie JS-Code posten?
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.872
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben