PUBLICIDADE
Este código tem nota
7

Autor

gabriel

Gabriel Fróes

membro deste junho de 2006

Compartilhe e guarde

  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!

PUBLICIDADE

Enquete

Que tipo de conexão com a internet você utiliza?

Aumentar imagem ao passar o mouse


Este script permite que uma imagem seja aumentada quando o usuário passa o mouse sobre ela (onMouseOver).

A imagem é apresenada com a metade de sua largura e altura e volta ao tamanho normal quando o mouse é retirado de cima dela (onMouseOut).

<html>
<head>
<script language="javascript">
<!--
function aumenta(obj){
    obj.height=obj.height*2;
	obj.width=obj.width*2;
}

function diminui(obj){
	obj.height=obj.height/2;
	obj.width=obj.width/2;
}
//-->
</script>

<title>Aumentar o tamanho de uma imagem ao passar o mouse</title>
</head>

<body>
<center>
<p><img src="http://www.codigofonte.com.br/img/logo.gif" width='258' height='45' alt="CodigoFonte.com.br" onMouseOver="aumenta(this)" onMouseOut="diminui(this)">
</center>
</body>
</html>

Sim   Não   Este código foi útil para você?
NotaComentário
10
evertonn comentou em 25/9/2009

antenna

olá amigo! eu utilizo o programa Antenna Web Design Studio nao consigo colocar esse codigo. você term alguma sugestão de como estar inserindo esse codigo na imagem utilizando esse programa? desde já agradeço sua atenção!
1
assrio comentou em 22/9/2009

aumentar imagem

nao aumentou foto nehuma
9
alberto12 comentou em 24/8/2009

Bom

Mas, deve ser adapitado para naum interferir cos outros objetos da pagina
9
leandroe9 comentou em 4/7/2009

Muito Bom

Muito bom esse codigo ae, coloquei ele no meu blog e funcionou direitinho, agora é só constumizar! vlw!!!
6
alexdtp comentou em 2/7/2008

Como colocar a imagem numa div

Gostaria de saber como colocar este código de forma que a imagem que será ampliada fique numa div para que ao expandir não interfira nos elementos da página. E também como controlar a posição da div.

Desde já agradeço,

Alex
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • A pontuação de comentários de conteúdo do próprio membro não serão computados.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
  • Há um limite de 10 comentários por dia para cada membro.
  • Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

     (ainda não tem cadastro? clique aqui!)


Máximo de 30 caracteres

Máximo de 255 caracteres
 

R&W Consulting - Soluções Web Hospedagem UOL HOST PagSeguro - solução para pagamentos online
© 2006-2009 R&W Informática Ltda. - Todos os direitos reservados.