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:
HTML-Großes Bild:
HTML-Thumb:
function showsrc:
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.
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: