Non far muovere una immagine all'infinito

[blinkshow87]

Salve,
io ho questo codice:

 $(img).hover(function(){                   
$(img).animate({left:'+=10'})                   
});

praticamente una immagine che all'hover si sposta a sinistra.

Il problema è che si sposta all'infinito, io vorrei invece che si spostasse a sinistra ma poi tornasse alla posizione iniziale.

Qualche consiglio??

Grazie a tutti ed una buona giornata

[Xinod]

Originariamente inviato da blinkshow87
ma poi tornasse alla posizione iniziale

spiega meglio

[blinkshow87]

Ok, grazie mille per la risposta.

In pratica ho una piccola img, una colomba, che fa parte di un logo.

Vorrei che questa immagine, se si passa il mouse di sopra, faccia un piccolo movimento, ovvero si sposti a sinistra di 10px ma dopo essersi spostata vorrei che tornasse alla posizione iniziale.


Per spostarla uso il codice postato in precedenza, ma successivamente non so come fare per farla tornare alla posizione iniziale.


Molte grazie per l'aiuto ed un saluto al forum!

[Xinod]

beh, hover prende 2 funzioni per alternarle al mouseenter mouseleave, quindi ti puo' bastare anche solo


$(img).hover(
function(){$(img).stop().animate({left:'+=10'})},
function(){$(img).stop().animate({left:'-=10'})}
);

chiaramente, quel += e -= rendono il tutto progressivo, se ti accorgi di malfunzionamenti semplicemente rimuovili e specifica solo 10 e -10

ciao

[blinkshow87]

avevo già usato il codice che mi hai postato ma non funzionava, questo perché lasciavo += e -=.
Togliendoli, come consigliato, funziona


Grazie mille, siete grandi, una buona serata!!