Image qui tourne suite à un clic
Bonjour,
Merci pour votre aide.
J'ai récuperé un bout de script qui est censsé faire tourner une image suite à un clic.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| <html>
<head>
<style type="text/css">
.rotated-image {
-webkit-transform: rotate(40deg);
transform: rotate(40deg);
}
</style>
</head>
<body>
<script>
function myFunction() {
var img = document.getElementById("image");
img.setAttribute("class", "rotated-image");
}
</script>
<section id="middle">
<img id="image" src="test.gif" >
<button onclick="myFunction()">Click me</button>
</section>
</body>
</html> |
Actuellement l'image tourne q"une seule fois et de 40 degrés vers la droite.
Mon problème est que je voudrai que l'image tourne de 40 degrés à chaque clic
Merci pour votre aide