Hacer un zoom a una imagen, como el sig. ejemplo

[Tecktonikrazy]

Codigo completo:

<img class="imagenPequeña" src="http://www.google.com.mx/intl/en_com/images/srpr/logo1w.png" onclick="zoom('visible', this.src)">

<div id="zoom"><a class="cerrar" href="javascript: zoom('hidden', '')">Cerrar</a><img id="imagenGrande" src=''"></div>

<style type="text/css">
#zoom {
visibility: hidden;
position: absolute;
top: 20%;
left: 35%;
width: 200px;
height: 300px;
}

.cerrar {
position: absolute;
top:0px;
right: 0px;
}

.imagenPequeña {
width: 120px;
}

#imagenGrande {
position: relative;
top: 50px;
}


</style>


<script language="javascript">
function zoom(visibilidad, imagen) {

document.getElementById('zoom').style.visibility = visibilidad;
document.getElementById('imagenGrande').src = imagen;

}
</script>