Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Ativar ou desativar zoom em figura pelo click

16-06-2007 09:36

Esse é um script onde ao clicar em uma figura reduzida ( por largura e altura ), mostra em um div, a mesma em tamanho normal.

<script> function mostra(id,src) { // mude os valores -280 de acordo com o tamanho padrão da imagem quando não reduzidas document.getElementById(id).style.top=(document.body.scrollTop)+(screen.height/2)-280; document.getElementById(id).style.left=(document.body.scrollLeft)+(screen.width/2)-280; document.getElementById(id).innerHTML="<img src='"+src+"'>"; document.getElementById(id).style.display="block"; } function fecha(id) { document.getElementById(id).innerHTML=""; document.getElementById(id).style.display="none"; } </script>


<img src="imagem_1.jpg" width="200" height="200" onClick="mostra('alvo','imagem_1.jpg')"> <img src="imagem_2.jpg" width="200" height="200" onClick="mostra('alvo','imagem_2.jpg')"> <div id="alvo" style="position:absolute; display:none;" onclick="fecha(this.id)"></div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado