Buongiorno a tutti. Sto cercando di realizzare una piccola animazione in jquery.
Ci sono 4 immagini e a turno si ingrandisce l'immagine 1, se rimpicciolisce la 1 e si ingrandisce la 2 ... si rimpicciolisce la 4 e si ingrandisce la 1 e così via...
Per fare ciò ho creato una funzione ricorsiva e arrivati alla 4 immagine, la funzione richiama se stessa e ricomincia da capo.
Fin qui tutto ok. Per i ridimensionamenti ho usato la funzione
codice:
setTimeout(function(){$('#img1').children('a').children('img').animate({ height: '100', left: '0', top: '0', width: '140'}, 100)},4000);
			 		setTimeout(function(){$('#img1').children('a').children('img').animate({ height: '90', left: '0', top: '0', width: '126'}, 100)},8000)
Ora c'è un'aggiunta. Ho bisogno che, se l'utente fa il mouse over su un'immagine, la procedura venga stoppata, e quando fa il mouseout ricominci, ma dall'immagine succissiva a quella del mouseover.
Come posso fare?