Ir para conteúdo
Fórum Script Brasil
  • 0

[RESOLVIDO] Hover do Jquery


vicmota

Pergunta

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!

Editado por vicmota
Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 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;
            }
        } 
    ); 
});

Link para o comentário
Compartilhar em outros 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!!!!!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...