Tweet
Boa tarde galera do GH eu gostaria de saber com faço para quando alguem clicar numa imagem no site ela se amplia Obs: o site é simples feito em html puro pf estou precisando agradeço a todos que poderem me ajudar
-
-
Tenta.Código:<script type='text/javascript'> //<![CDATA[ function killLightbox() { var images = document.getElementsByTagName('img'); for (var i = 0 ; i < images.length ; ++i) { images[i].onmouseover=function() { var html = this.parentNode.innerHTML; this.parentNode.innerHTML = html; this.onmouseover = null; }; } } if (window.addEventListener) { window.addEventListener('load',killLightbox,undefined); } else { window.attachEvent('onload',killLightbox); } //]]> </script>Sou real na minha vida não espero a sorte pra poder vencer. - uFlow -
Vou testar aki depois eu comento melhor muito obrigado!!!!!!!Comment
-
Eu salvei com .js e importei o arquivo depois coloquei dentro de um td
depois dentro de uma tr dentro do cabeçalho e dentro do body mas
nenhuma das tentativas deu certo agora oq que eu faço?
Muito obrigado pela ajuda!!!
Comment
-
use Blibliotecas jQuery já prontas amigo , o efeito é bom e universal. funciona em tudo até em celulares .Comment
-
Aumentando a imagem
Olá amigo, existem diversas formas de aumentar a imagem. Se você se refere ao zoom que as lojas de compras permitem é um plugin de nome "ElevateZoom".
Site do plugin:
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Existe outro método de "expandir", "aumentar" a imagem dá uma olhada no código abaixo
Código HTML:<html> <head> <title> Aumentando a Imagem </title> <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="circulo.jpg" width='250' height='250' alt="CodigoFonte.com.br" onMouseOver="aumenta(this)" onMouseOut="diminui(this)"> </center> </body> </html>
Essa é uma função que é ativada de acordo com o posicionamento do mouse
onMouseOver e onMouseOut
Na linha
obj.height=obj.height*2;
obj.width=obj.width*2;
você indica por quanto a largura e a altura deve ser multiplicado (aumentar)
Já na linha
obj.height=obj.height/2;
obj.width=obj.width/2;
Você indica por quanto a largura e altura deve ser dividida (diminuir)
Um forte abraço
Comment
Comment