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:
Pergunta
vicmota
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 vicmotaLink para o comentário
Compartilhar em outros sites
3 respostass a esta questão
Posts Recomendados
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.