Ergebnis 1 bis 3 von 3

html und javascript: Bild beim Anklicken vergrößern

  1. #1 Zitieren
    Veteran
    Registriert seit
    Jun 2012
    Beiträge
    629
    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.)
    Gothicforum ist offline

  2. #2 Zitieren
    Retro Micky Avatar von Blue Force
    Registriert seit
    May 2009
    Beiträge
    26.188
    Bei

    function pictureFunction(){
    alert("hi");
    this.width = "100px";
    width = "100px";
    };

    musst du in den leeren Klammern eine Variable angeben in der das "this" vom Funktionsaufruf übernommen wird, und die du dann innerhalb der Funktion statt dem this verwenden kannst.
    Und statt width style.width.
    Blue Force ist offline

  3. #3 Zitieren
    Veteran
    Registriert seit
    Jun 2012
    Beiträge
    629
    Achsooo!
    Danke, funktioniert jetzt!

    Habe es so gemacht:

    "
    function pictureFunction(thisUse){

    alert("hi");
    thisUse.style.width = "100px";

    };
    "

    Danke sehr.
    Gothicforum ist offline

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •