JavaScript: Drehen img klicken

Ich versuche zu machen die img mit der id Bild drehen mit der onclick-event-handler verwenden Sie den code in meine Funktion, die packt das Bild von ID weist auf einen Variablennamen, und verwendet den Namen der Variablen zu drehen. Ich bin mir nicht wirklich sicher, wo ich Wann falsch in meinem code.

   <section id="middle">
    <img id="image" src="images/flower.png" >   
    <button onclick="myFunction()">Click me</button>
    </section>

MyFunction(){
var img = document.getElementById("image");
img.rotate(20*Math.PI/180);
}
Für eine Sache, die Sie haben onclick="myFunction()" und MyFunction(){. Fall Fragen. Sie wahrscheinlich wollen einfach nur onclick=MyFunction.
Ich danke Ihnen so sehr. Nicht sicher, wie ich verpasst,!
Einer der Fehler war nicht mit der key-word-Funktion vor dem MyFunction.

InformationsquelleAutor user2390516 | 2013-11-05

  1. 2

    Können Sie die Drehung selbst mit CSS:

    .rotated-image {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

    Html:

    <section id="middle">
    <img id="image" src="images/flower.png" >   
    <button onclick="myFunction()">Click me</button>
</section>

    Dann auf der javascript, fügen Sie einfach die Klasse:

    function myFunction() {
  var img = document.getElementById("image");
  img.setAttribute("class", "rotated-image");
}

    Check-out die Folge: http://jsbin.com/ibEmUFI/2/edit

    Danke, ich hab das Spiel mit diesem code jetzt. versuchen zu Holen Sie sich die img mit der ID Bild zu drehen, anstatt die Taste selbst.
    Sorry, ich habe deinen post falsch gelesen. Überprüfen Sie heraus die Feste Beispiel jetzt

    InformationsquelleAutor Renato Zannon

  2. 0

    versuchen, verwenden Sie div mit der id als Selektor:

    <div id='image'><img src="images/flower.png" /></div>

 and 

var img = document.getElementById("image").getElementsByTagName('img');

    einen Versuch Wert!

    InformationsquelleAutor SCV

Schreibe einen Kommentar