Mala pomoc oko male skriptice?

[ marinsu @ 25.01.2013. 08:35 ] @

Radi se o tome da sam ubacio slikice sa strane na body-ju i zelim da mi izlaze te slike za 20 px levo uz pomoc skripte. Znaci da ne izlaze ono hover odma vec u odredjenom intervalu. Evo primera kako sam ja to uradio ali ne znam kako da uradim to kada mis dodje na to, ne da urade odma nego samo kad mis stavite na tu sliku onda da izlazi, da li moze?

Code:
$(document).ready(function() {
$('#s').animate({right: '-=20px'}, 1000);
});

E sad kako ja tu da dodam a:hover da se pomeri a ne odma cim udju u site :P ? Hvala na poomoci u napred

_{Koristite odgovarajuće tagove za kôd.}

_{[Ovu poruku je menjao Nikola Poša dana 25.01.2013. u 19:21 GMT+1]}

[ Nikola Poša @ 25.01.2013. 18:23 ] @

Ako sam dobro razumeo, onda ovako nešto:

Code:
$(document).ready(function() {
    $('#s').hover(function() {
        var $this = $(this);
        $this.animate({right: '-=20px'}, 1000);
    });
});

[ marinsu @ 28.01.2013. 07:16 ] @

Pa pokusao sam da stavim i nece da funkcionise na hover da se polako pemri slika za toliko. Ali uspeo sam da uradim ovim putem, našao sam css3 koji do sada nisam imao prilike da vidim u čemu je razlika od običnog. U suštini nije težak ni novi css3 jer će mnogima dosta koristiti, uradio sam ovako:

-webkit-transition: 1s ease;
-moz-transition: 1s ease;
-o-transition: 1s ease;
-ms-transition: 1s ease;
transition: 1s ease;

I slika se lepo pomeri za 1 sekund na hoveru. Ako nekoga zanima šta tačno radi mogu mu dati detaljno objašnjenje, pošto na nekim primerima koji su bili ponuđeni nisam ni sam razumeo, dok sopstvenom logikom nisam shvatio da je to ustvari prosta stvar a oni ga iskomplikovali