[JQUERY] immagine che resta attiva all'hover

S

sunlightbanana

Utente Attivo
26 Ott 2011
96
0
6
Salve,
come si può vedere dal codice:

Codice: 
$('#img').hover(function() {           
 $(this).animate({left:'+=25'},500);        
    },            
        function() {                    
    $(this).animate({left:'-=25'},500)           
}

ho un'immagine che all'hover si sposta a sinistra di 25px e poi a destra sempre di 25px alla velocità di 500ms, indipendentemente da dove sia il mouse dopo aver effettuato l'hover.

Vorrei che l'immagine restasse a +25px mentre il puntatore del mouse è sopra di essa, e quando viene tolto allora torni a -25, ovvero alla posizione originale.

Chiedo cortesemete a voi e vi ringrazio per l'aiuto!!!
 
borgo italia

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
ciao
non sono molto esperto in jq, ma googlando ho trovato questo, guarda se ti può servire adattandolo alle tue esisgenze
$("#animato").mouseenter(function(){
$(this).animate({top: '10'}, 300 );
});

$("#animato").mouseleave(function(){
$(this).animate({top: '0'}, 300 );
});
Clicca per allargare...
c'è l'avvertenza di dare al div nel css la posizione relative

se non va spera che ti risponda qualcuno più esperto di me
 
S

sunlightbanana

Utente Attivo
26 Ott 2011
96
0
6
borgo italia ha scritto:
ciao
non sono molto esperto in jq, ma googlando ho trovato questo, guarda se ti può servire adattandolo alle tue esisgenze

c'è l'avvertenza di dare al div nel css la posizione relative

se non va spera che ti risponda qualcuno più esperto di me
Clicca per allargare...

Ti ringrazio per il tuo aiuto, ma ho provato anchio la soluzione da te postata trovata grazie a google e... niente :crying:

Secondo te mi conviene postare in qualche altra categoria del forum?
 
alessandro1997

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
26
Roma
alessandro1997.netsons.org
È strano che non funzioni. Io ho provato il seguente esempio:
HTML: 
<!DOCTYPE html>
<html lang="it">
    <head>
        <title>Animazione immagine</title>
        <meta charset="utf-8">

        <style>
        #img {
            position: absolute;
        }
        </style>

        <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
        <script>
        $(function() {
            $("#img").hover(function() {
                $(this).animate({
                    left: '+=25'
                }, 500);
            }, function() {
                $(this).animate({
                    left: '-=25'
                }, 500);
            });
        });
        </script>
    </head>

    <body>
        <img id="img" src="http://images.google.it/intl/it_ALL/images/logos/images_logo_lg.gif" />
    </body>
</html>
E funziona correttamente. Prova a renderlo il più possibile simile.
 
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
felino [Javascript] [jQuery] Slick Carousel: visualizzare una porzione dell'immagine successiva Javascript 0
webmachine [JQUERY] Cambiare immagine al click, toggle jQuery 1
P immagine responsive problema con script jquery jQuery 0
L Inserire Script Jquery in immagine html con zone cliccabili jQuery 1
I Datagrid Jquery PHP, mi servirebbero alcune soluzioni... Insrimento immagine e filtro PHP 2
F sostituire un'immagine con jquery jQuery 2
A galleria jquery: problema nel caricamento di una immagine da un'anteprima HTML e CSS 10
X [jquery] fare apparire immagine jQuery 0
D Jquery - modifica elemenento onlick jQuery 1
E Problema jquery Success jQuery 2
R jquery che cambia css di un elemento non mi funziona sulla pagina caricata da ajax Ajax 5
E PHP & jQuery PHP 8
P jquery refresh div non funziona Javascript 0
P lanciare script asp (o php) da jquery Javascript 1
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
Z CSS Slideshow senza JS e JQUERY HTML e CSS 2
MarcoGrazia Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
M Come selezionare e deselezionare radiobutton con jquery jQuery 1
M Come validare textarea con jquery jQuery 0
R Aggiornare record mysql con Ajax, jQuery e php Ajax 2
P Funzione jQuery Ajax invio file a php jQuery 1
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
MarcoGrazia jquery validate() controllo checkbox jQuery 2
D assegnare risultato di una jquery ad una text Javascript 2
felino [JQuery] Append dopo ultimo ul li del primo livello jQuery 2
A php metodo post jquery non da mai errore jQuery 4
T problema con select dinamica con jquery Javascript 0
P jquery .load jQuery 10
E Div che scompare con scroll jquery Javascript 0
T script jquery non funziona più dopo il passaggio a MVC jQuery 5
B jQuery - hide & show li items jQuery 13
Y jQuery Animation Switch On Off jQuery 0
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
O [Javascript] Conflitto Jquery: forse... Javascript 0
MarcoGrazia jquery validate, necessità di validare almeno un elemento select su due jQuery 1
M inserire i dati ottenuti da una jquery in una tabella già esistente jQuery 1
D Jquery, conflitto tra loro risolvibile? jQuery 7
M Filtrare risultati con valori checkbox passati con jquery jQuery 2
Tommy03 Variabile PHP dentro a JQuery PHP 3
L Problema jQuery validation AJAX (PHP 7) PHP 6
G Campo HTML input file con jQuery jQuery 0
P Jquery event nel foreach php jQuery 3
M leggere con jquery/ajax in una function javascript record di database sql server Javascript 0
A [Javascript] Ajax, Jquery e PHP Javascript 1
trattorino Mentions Auto Suggesting da jquery a php PHP 2
X Problema con jquery e ajax jQuery 2
G Inserzione script nella pagina html per jquery jQuery 8
MarcoGrazia Validazione forum con jquery.validate jQuery 2
Shyson Smoot scrolling jQuery nella pagina jQuery 0

Discussioni simili

Alto Basso