TEste Zoom

Zoom Imagem

x

Zoom Imagem

x

Código do Zoom da Imagem a cima
border-bottom: 2px solid #000000;
border-left: 1px solid #999999;
z-index: 1000;
visibility:hidden;
}
#barra {
width: 100%;
height: 25px;
border-top: 1px solid #999999;
border-right: 1px solid #666666;
border-bottom: 1px solid black;
border-left: 1px solid #999999;
}
#barra h2 {
font: 12px Verdana, Arial, Sans-serif;
padding: 5px 20px;
margin: 0px;
float: left;
}
#barra a {
font: 12px Verdana, Arial, Sans-serif;
color: #000000;
padding: 5px 20px;
margin: 0px;
float: right;
}
</style>

<script>
function fechar() { document.getElementById("janela").style.visibility = "hidden"; }
function abrir() {
document.getElementById("janela").style.visibility="visible";
}
</script>

<div id="janela">
<div id="barra">
<h2>
Zoom Imagem</h2>
<a id="fechar" href="#" title="Fechar" onmouseup="fechar();">x</a>
</div>
<img border="0" height="500" src="http://fgimenez.blog.uol.com.br/images/mutley.jpg" width="500" /></div>

<img height="100" id="imageprin" onclick="abrir();" src="http://fgimenez.blog.uol.com.br/images/mutley.jpg" width="100" />

=========================================================================