Rodrigo26 Postado Junho 23, 2009 Denunciar Share Postado Junho 23, 2009 (editado) Boa tarde a todos fiz um pequeno programinha em javascript que ao clicar a imagem aumenta gradativamente e diminui gradativamente com um duplo click.Contudo o mesmo estar apresentando error.Alguém saberia corrigir o(s) erro(s)?Obrigado<html> <head> <script language="javascript"> <!-- var width; var height; function tamanho(obj, tipo) { height=obj.height; width=obj.width; if(tipo=="a") setInterval(aumenta(obj), 140); else setInterval(diminui(obj), 140); } function aumenta(obj){ height +=1; width +=1; obj.height=height; obj.width=width; if(obj.height>=400) clearInterval(); } function diminui(){ height -=1; width -=1; obj.height=height; obj.width=width; if(obj.height<=100) clearInterval(); } //--> </script> <title>Aumentar o tamanho de uma imagem gradativamente ao clicar/duplo clique</title> </head> <body> <center> <p><img src="gunnm.jpg" width='100' height='100' alt="g" onclick="tamanho(this, 'a' )" ondblclick="diminui(this,'d')"></a> </center> </body> </html> Editado Junho 24, 2009 por Rodrigo26 Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Junho 23, 2009 Denunciar Share Postado Junho 23, 2009 Tente assim:<html> <head> <script language="javascript"> <!-- var width; var height; var intervalo function tamanho(obj, tipo) { clearInterval(intervalo) //Apaga outros intervalos height=obj.height; width=obj.width; if(tipo=="a"){ intervalo=setInterval(function(){ aumenta(obj) }, 140); }else{ intervalo=setInterval(function(){ diminui(obj) }, 140); } } function aumenta(obj){ if(obj.height>=400){ clearInterval(intervalo); return } height +=1; width +=1; obj.height=height; obj.width=width; } function diminui(){ if(obj.height<=100){ clearInterval(intervalo); return } height -=1; width -=1; obj.height=height; obj.width=width; } //--> </script> <title>Aumentar o tamanho de uma imagem gradativamente ao clicar/duplo clique</title> </head> <body> <center> <p><img src="http://scriptbrasil.com.br/forum/style_images/sb_images/logo4.jpg" width='100' height='100' alt="g" onclick="tamanho(this, 'a' )" ondblclick="diminui(this,'d')"></a> </center> </body>Criei uma variável para armazenar o valor do intervalo, já que para apagá-lo depois é necessário esse valor e mudei a validação do tamanho objeto para fosse verificado antes Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Rodrigo26 Postado Junho 24, 2009 Autor Denunciar Share Postado Junho 24, 2009 Valeu mestre! Muito obrigado! Por aqui estar funcionando blza!abrs, Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
Rodrigo26
Boa tarde a todos fiz um pequeno programinha em javascript que ao clicar a imagem aumenta gradativamente e diminui gradativamente com um duplo click.
Contudo o mesmo estar apresentando error.
Alguém saberia corrigir o(s) erro(s)?
Obrigado
<html> <head> <script language="javascript"> <!-- var width; var height; function tamanho(obj, tipo) { height=obj.height; width=obj.width; if(tipo=="a") setInterval(aumenta(obj), 140); else setInterval(diminui(obj), 140); } function aumenta(obj){ height +=1; width +=1; obj.height=height; obj.width=width; if(obj.height>=400) clearInterval(); } function diminui(){ height -=1; width -=1; obj.height=height; obj.width=width; if(obj.height<=100) clearInterval(); } //--> </script> <title>Aumentar o tamanho de uma imagem gradativamente ao clicar/duplo clique</title> </head> <body> <center> <p><img src="gunnm.jpg" width='100' height='100' alt="g" onclick="tamanho(this, 'a' )" ondblclick="diminui(this,'d')"></a> </center> </body> </html>Editado por Rodrigo26Link para o comentário
Compartilhar em outros sites
2 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.