Ich mache eine Website und habe ein HTML-File und ein Js-File (und css-file).
Auf der Seite wird ein Bild in klein angezeigt und ich will, dass es größer (oder kleiner) wird,
wenn man es anklickt.
Ich habe die Verbindung zwischen HTML und JS-File und das Funktion aufrufen hinbekommen.
Wenn man auf das BIld klickt, dann kommt ein Alert-Fenster. Das funktioniert schonmal.
Aber die Größe vom BIld wird nicht geändert.
Ich habe schon viele Varianten probiert, wo das "this" platziert oder nicht platziert werden könnte und noch andere Sachen, aber es funzt noch nicht.
Hier der Auszug aus dem HTML-File:
"
<BR> <img id="testbild" src="bilder/bilddatei.jpg" onClick="pictureFunction(this)"
width="200px" align=center /> <BR>
"
und hier der Inhalt der JS-File:
"
function pictureFunction(){
alert("hi");
this.width = "100px";
width = "100px";
};
"
Die Alert-Box wird aufgerufen. Das andere wird nicht gemacht, egal wie ichs schreibe.
(ich weiß es gibt auch Programme/Code für Galerien zum kopieren, aber ich wills selber machen.)