• 0
Sign in to follow this  
vicmota

[RESOLVIDO] Hover do Jquery

Question

Boas pessoal,

Estou com um problema com o JQuery, e como sou iniciante com o Javascript estou aqui para pedir a ajuda de vocês.

Seguinte, eu necessito que uma imagem PNG se anime num GIF ao ter o mouse passado encima, porém quando o mouse saia de cima da imagem/animação ela se mantenha no GIF e não ative tudo novamente num próximo hover.

Consegui fazer a parte no qual o PNG se anima num GIF, mas não sei mais o que fazer para que ele não acione novamente. Sou novo como já disse, não sei se o pessoal do fórum curte o Edit this Fiddle, caso não me avisem, segue um link para vocês verem o progresso: Edit this Fiddle - Hover para animar.

Vou postar o código aqui também para quem achar mais comodo:

/* HTML */

<img id="imgDino" src="http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870" />​

/* JS */

$(document).ready(function()

{

$("#imgDino").hover(

function()

{

$(this).attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");

}

);

});​

Resumindo: preciso que ele acione uma vez e só torne a acionar caso eu dê um refresh na página.

Desde já obrigado galera!

Edited by vicmota

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0

É só você "marcar" que já aconteceu o hover, e checar isso.

var hoverJaAconteceu = false;
$(document).ready( function() {
    $("#imgDino").hover(
        function() {
            if (hoverJaAconteceu == false) {
                $(this).attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");
                hoverJaAconteceu = true;
            }
        } 
    ); 
});

Share this post


Link to post
Share on other sites
  • 0
É só você "marcar" que já aconteceu o hover, e checar isso.

var hoverJaAconteceu = false;
$(document).ready( function() {
    $("#imgDino").hover(
        function() {
            if (hoverJaAconteceu == false) {
                $(this).attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");
                hoverJaAconteceu = true;
            }
        } 
    ); 
});

VALEU IRMÃO!!!!!

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this