Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Nov 2013
    Messaggi
    166

    rotazione immagini su evento click

    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>

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Perché usi una classe. Una volta che hai impostato "rotate" 360 i click successi non si sommano. Se vuoi una rotazione di 360 ad ogni click devi impostare la rotazione in linea primo click 360 secondo click 720 etc...
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Nov 2013
    Messaggi
    166
    Grazie,
    saresti così gentile da darmi una indicazione sul codice?

  4. #4
    Utente di HTML.it
    Registrato dal
    Nov 2013
    Messaggi
    166
    ok,
    risolto. Grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.