Ampliando Imagens |
Olá, apesar de minha ausência nestes dias (30.07.13), eu estou estudando alguns códigos legais, e vou postar alguns.
Este código permite que você deixe uma imagem pequena e que ela aumente ao dar 2 cliques, e volte ao normal ao dar 1 clique.
Eu não consegui adaptar para os tópicos, mas ainda é válido para widgets e páginas HTML. ( Acho que irá funcionar tbm na página inicial )
Source;
- Código:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function enlargeImage1(){
image1.height="350"
}
function dropImage1(){
image1.height="150"
}
function enlargeImage2(){
image2.height="300"
}
function dropImage2(){
image2.height="150"
}
// End -->
</script>
<center>
<b>Dê um duplo clique para ampliar, e um clique simples para retornar ao normal.</b><p>
<table align="center"><tr>
<td align="center">
<img src="http://r16.imgfast.net/users/1617/51/23/06/avatars/2-20.jpg" height="150" name="image1" ondblclick="enlargeImage1()" onclick="dropImage1()"><br>
<b>350px</b>
</td><td align="center">
<img src="http://r16.imgfast.net/users/1617/51/23/06/avatars/2-20.jpg" height="150" name="image2" ondblclick="enlargeImage2()" onclick="dropImage2()"><br>
<b>300px</b></td>
</tr></table>
</center>