Ciao a tutti,
chi mi sa dire perchè la rotazione funziona solo al primo click del bottone e non sui click successivi?
la libreria jquery la carica sicuramente (il primo evento click funziona)
codice:
<!doctype html>
<html>
<head>
<script type="text/javascript" src="jquery.js" ></script>
<meta charset="UTF-8">
<title>Ruota su click</title>
<style>
.container-img{
transition: 0.5s; /* ease-in-out*/
cursor: pointer;
transform: scale(1.1,1.1);
transform:rotate(360deg);
}
</style>
<script>
$(document).ready(function(){
$("#start").click(function(){
img1 = "<img src=risorsa.jpg />";
$("#immagine").html(img);
$("#immagine").removeClass("container-img").addClass("container-img");
});
});
</script>
</head>
<body>
<center>
<button id="start"> Ruota </button>
<hr>
<div id="immagine"></div>
</center>
</body>
</html>