Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Bloccare immagine con l'hover

    Salve a tutti,
    ho una piccola immagine di un timone che ruota costantemente grazie al plugin jQueryRotate, questo è il codice:

    codice:
     var angle = 0;         
     setInterval(function(){             
         angle+=3;            
         $("#timone").rotate(angle);       
      },50);
    vorrei che all'hover del mouse, ovvero quando passa sopra l'immagine, il timone smetta di ruotare e si fermi tornando ad essere una semplice immagine statica, quando invece il mouse si sposta dall'immagine, quindi non ci sia più l'hover, il timone riparte.

    Non so come fare quindi chiedo consiglio a voi esperti.

    Grazie, un saluto e buona serata

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    .stopRotate(); dovrebbe funzionare comunque http://code.google.com/p/jqueryrotat.../Documentation
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    ciao, grazie per il consiglio però purtroppo non sono riuscito ad utilizzarla così ho modificato il codice in questo modo:

    codice:
     var angle = 0;             
    var timer = setInterval(function(){          
           angle+=3;                 
           $("#timone").rotate(angle);        
            },50);              
           $('#timone').hover(function(){          
           clearInterval(timer);          
    })
    funziona ma giustamente dopo che tolgo il mouse dall'immagine non riparte il setInterval.

    Come potrei fare per farlo ripartire?

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.