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

    Problema funzione animate jQuery

    Ciao devo fare una gallery e volevo che al passaggio del mouse aumentasse la dimensione del div e alla sua uscita diminuisse, ma se passo velocemente da un div all' altro mi si sforma tutto e impazzisce.


    codice:
    $(".thumb ").mouseover (function()
        {   
            $(this).animate({marginLeft: -10,marginTop: -10,height: ($(this).height()+20),width: ($(this).width()+20)}, 300 , "easeOutBounce");
        })
        
        $(".thumb ").mouseout(function()
        {
           $(this).animate({marginLeft: 0,marginTop: 0,height: ($(this).height()-20),width:   ($(this).width()-20)}, 0, "easeOutBounce");
        })
    Immagini allegate Immagini allegate

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    prova aggiungendo stop
    $(this).stop().animate(
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    e ma devo far ritornare il div alle misure originali!

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Originariamente inviato da baobabdesign
    e ma devo far ritornare il div alle misure originali!
    Non capisco l'affermazione l'hai provata prima?
    codice:
    $(function(){
    $(".thumb ").on({
    mouseover:function()
        {   
            $(this).stop().animate({marginLeft: -10,marginTop: -10,height: ($(this).height()+20),width: ($(this).width()+20)}, 300 , "easeOutBounce");
        },
    mouseout:function()
        {
           $(this).stop().animate({marginLeft: 0,marginTop: 0,height: ($(this).height()-20),width:   ($(this).width()-20)}, 0, "easeOutBounce");
        }
    })
    })
    per usare on devi avere la versione jquery 1.7 o superiore
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    si si funziona perfettamente lo stop, non impazzisce, ma passando sopra col mouse le dimensioni aumentano sempre, ora provo questo script!
    grazie

  6. #6
    nada se aspetto che la funzione finisca funziona bene se no passando velocemente col mouse e facendo su, fuori, su, fuori, impazzisce, si restringe il div fino a sparire quasi
    bo forse il problema sono il mouseover e mouseout

  7. #7
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    No il problema e dato da "easeOutBounce" senza funziona correttamente test
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  8. #8
    ciao, ho provato il test, ma prova a passarci velocemente il mouse sopra e fuori, ho sbagliato la funzione, bo non va bene

  9. #9
    credo di aver risolto, se inserisco misure fisse allora funziona bene!

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.